O'Reilly logo

Learning Three.js: The JavaScript 3D Library for WebGL by Jos Dirksen

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Morphing and skeletal animation

When you create animations in external programs (for instance Blender) you usually have two main options for defining animations:

  • Morph targets: With morph targets you define a deformed version, a key position, of the mesh. For this deformed target, all vertex positions are stored. All you need to do to animate the shape is, move all the vertices from one position to a key position and repeat that process. The following screenshot shows various morph targets used to express facial expressions (image provided by the Blender foundation).
    Morphing and skeletal animation
  • Skeletal animation: An alternative is using skeletal animation. With skeletal animation ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required