Three.js

back to table of contents

Work in progress

Animation system

There are several ways to animate things in Three.js. Since 2015, the built-in animation system of Three.js has had a complete relaunch now having a similar architecture like Unreal Engine/Unity.

Additional animation libraries

Vertex-shader based animation

The standard way of animating objects in THREE.js is to change the values of position, rotation and scale on the CPU and upload the results to the GPU as a transformation matrix. This may become slow; an alternative approach is to use a vertex-shader based animation: