O'Reilly logo

Three.js Essentials 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

Working with skeletal-based animations in Three.js

In this section, we're going to look a bit closer at how to show animations defined in Blender from Three.js. We start by looking at skeletal-based animations, where we animate a model by moving its bones around. Setting up the bones and the associated animations in Blender, however, is a bit out of the scope of this book. A good introduction on skeletal animations can be found at the Blender wiki at http://wiki.blender.org/index.php/Doc:2.6/Manual/Your_First_Animation/2.Animating_the_Gingerbread_Man, or you can follow some tutorials on YouTube.

Exploring the model and exporting it to Three.js

To see the animation and model we're working with, load the dino-bones.blend file, which you can find in ...

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