Join Engin Arslan for an in-depth discussion in this video Manipulating vertices, part of Learning 3D Graphics on the Web with Three.js.
- You can actually manipulate the positions…of the vertices of the objects…so that we can modify the look…of existing primitives to a certain degree.…We will be using a new Scene file to demonstrate that.…You can find this file among the exercise files.…This Scene is pretty simplified with only a grid…at the center using a mesh-based material…and the wire frame properties set to true.…Let's go back to our Scene file…and let's assign a name to this grid.…So here, I will be selecting this plane,…which generates our grid.…
And I will assign a name to that,…calling it plane-1.…And inside the update function,…I will start off by selecting that plane.…I will create a new variable called plane,…and I will choose that plane…by using its name inside the Scene.…Then, I will select the geometry property…of this plane object.…
Objects in Three.js have a property called…geometry that defines their geometry.…And geometries have a property called vertices,…which is an array that contains…all the vertices on the geometry.…We can loop through this array…
- Building a simple scene
- Creating three.js 3D objects
- Adding light and shadows
- Animating with Tween.js
- Working with materials and textures
- Editing and importing geometries
- Creating a particle system
- Post-processing with effects and shaders
Skill Level Intermediate
Flash Professional: HTML5 Canvas and WebGLwith Joseph Labrecque1h 36m Intermediate
HTML5: Graphics and Animation with Canvaswith Joe Marini3h 7m Intermediate
1. Building a Simple Scene
2. Three.js Scene Object
5. Materials and Textures
Next steps1m 53s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.