Using multiple THREE.AnimationClip objects

In the previous section, we used a model that included the animations, so we could directly load them. That example, though, only had a single THREE.AnimationClip. In this example, we'll create a very simple animation using two THREE.AnimationClip objects. The first clip will morph the cube from a size of (2, 2, 2) to a size of (2, 20, 2), and the other clip will animate the cube to a size of (40, 2, 2). You can find the example in 09-morph-targets-manually.html:

In this example, you've got a menu on the right to control the first THREE.AnimationClip and another one that you can use to control the ...

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

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.