Animations

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.

• Three.js Animation system

• Greensock GSAP 3
• Tween.js

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:

• three.bas