Join Engin Arslan for an in-depth discussion in this video Animation rig, part 2, part of Learning 3D Graphics on the Web with Three.js.
- [Instructor] Let's first move the camera on the Z axis,…using the camera Z position.…So here, I will select the camera Z position…and set the position value Z something like 100.…And I will also give a name to these groups…so that I can find them later on in the update function.…So here, for the camera Z position.…Camera X rotation…and camera Y rotation.…
I will be adding a name…and I will be using their own variable names…as their string names.…Perfect, let's add semicolons as well.…And now, inside the update function,…I will find the camera Z position variable…or object I should say,…and change the position Z value animated…to move the camera closer to the scene.…So I will go to the update function…and here,…using the get object by name methods…of the scene objects, I will find the camera Z position.…
Save it into a variable with the same name…and I will update this variable.…With each call to the update function by a small amount.…Let's check out our scene to see what's going on.…Perfect, now you can see the…
- 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.