Learn Three.js - Third Edition

Summary

In this chapter, we looked at different ways that 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. When you have the render loop in place, adding simple animations is very easy. Just change a property of the mesh, and in the next rendering step, Three.js will render the updated mesh. For the more complex animations, you would usually model them in external programs and load them through one the loaders provided by Three.js.

In previous chapters, we looked at the various materials you can use to skin your objects. For instance, we saw how you can change the color, shininess, and opacity ...