threejs-animation

Installation
SKILL.md

Three.js Animation

When to Use

  • You need to animate objects, rigs, morph targets, or imported GLTF animations in Three.js.
  • The task involves mixers, clips, keyframes, procedural motion, or animation blending.
  • You are building motion behavior in a Three.js scene rather than just static rendering.

Quick Start

import * as THREE from "three";

// Simple procedural animation with Timer (recommended in r183)
const timer = new THREE.Timer();

renderer.setAnimationLoop(() => {
  timer.update();
  const delta = timer.getDelta();
  const elapsed = timer.getElapsed();
Related skills
Installs
82
GitHub Stars
37.3K
First Seen
Mar 6, 2026