O'Reilly logo

Learning Three.js: The JavaScript 3D Library for WebGL by Jos Dirksen

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Summary

In this chapter we've looked at different ways you can animate your scene. We started with some basic animation tricks, moved on to camera movement and control and ended with animation models using morph targets and skeleton/bones animations. The most important things to remember from this chapter are:

  • Once you have the render loop in place, adding animations is very easy. Just change a property of the mesh and the next rendering step Three.js will render the updated mesh.
  • Three.js comes with a lot of different camera controls. Even though they do somewhat look the same, they are useful for different purposes. If you can't find one that exactly fits your needs, look at the code on how to configure it, or use it as a base for your own version. ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required