Animation with a mixer and morph targets

Before we dive into the examples, first we'll look at the three core classes that you use to animate with Three.js. Further on in this chapter, we'll show you all the functions and properties provided by these objects:

  • THREE.AnimationClip: When you load a model that contains animations, you can look in the response object for a field usually called animations. This field will contain a list of THREE.AnimationClip objects. A THREE.AnimationClip most often holds the data for a certain animation or activity the model you loaded can perform. For instance, if you loaded a model of a bird, one THREE.AnimationClip would contain the information needed to flap the wings, and another one might be opening and ...

Get Learn Three.js - Third Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.