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 of these materials. What we haven't discussed in detail yet, however, is how you can use external images (also called textures) together...