Using morph animations created in Blender

Creating morph animations by hand is difficult to do in Three.js. Simple transformations can probably be handled, but creating advanced animations programmatically is very difficult. Luckily, there are a large number of external 3D programs that you can use to create the models and animations. In this recipe, we'll use Blender, which we already used in Chapter 2, Geometries and Meshes, to create a morph-based animation and play it back using Three.js.

Getting ready

To use this recipe, you have to have Blender installed and enable the Three.js exporter plugin. We've already explained how to do this in the Creating and exporting a model from Blender recipe, in Chapter 2, Geometries and Meshes. So if you haven't already done so, you should first install Blender and then the Three.js export plugin. Once you've installed Blender, you should create an animation that uses shape keys to define various formats. Doing this is out of the scope of this book, but...