THREE.JS / FOUNDATIONS 93

One property. One track type.

Build the official keyframe contract from scratch: vectors for position and scale, quaternions for rotation, discrete colors, and scalar opacity on one mixer root.

Initializing -

Preparing typed tracks and the animation mixer.

tracks: -
clip duration: -
mixer time: -
color: -

Track composition-

active tracks position · Vector scale · Vector rotation · Quaternion color · Color opacity · Number

Color interpolation

speed scrub

Typed track map-

The track path and value type must agree with the bound property. Quaternion tracks avoid Euler-angle interpolation.

REUSABLE ANIMATION LIFECYCLE

define typed keys->compose clip->bind mixer->seek/update->uncache

AnimationClip owns the track collection; AnimationMixer owns the action and binding cache.

Drag to orbit · scrub while paused to inspect a pose · add ?forceWebGL=1 for WebGL2

Next: blending and additive overlays ->

LAB 93 / TYPED KEYFRAME TRACKS