Can I use this for GLTF character models?

Absolutely. It provides detailed implementation patterns for loading GLTF animations, accessing bones, and managing skeletal rigs through the AnimationMixer.

Does this skill support the latest Three.js versions?

Yes, it includes up-to-date guidance for r183+, specifically recommending the new THREE.Timer API over the legacy THREE.Clock for better performance and behavior.

Does it support procedural or physics-based motion?

Yes, it includes specialized patterns for spring physics, smooth damping (lerping), and trigonometric oscillations for motion not contained in keyframe clips.

How do I handle animation blending between states?

The skill covers weight-based blending, crossfading, and additive animation modes to ensure smooth transitions between states like 'Idle', 'Walk', and 'Run'.

Three.js Animation Master

Name: Three.js Animation Master
Author: sickn33

bysickn33

•

31,722

•

Desarrollo de Videojuegos

Powers immersive 3D experiences by implementing advanced Three.js animation systems, from skeletal rigs to procedural motion.

This skill provides comprehensive guidance for creating and managing animations within Three.js environments. It covers the full lifecycle of the Three.js animation system, including working with AnimationMixers, Clips, and Actions, as well as specialized techniques like skeletal animation for GLTF models and morph targets for shape blending. Whether you need to implement smooth crossfades between character states or build custom procedural motion using the latest r183 features like THREE.Timer and BezierInterpolants, this skill ensures performant and visually sophisticated results.

Características Principales

01Support for Three.js r183 features like THREE.Timer and Bezier curves

02Procedural motion patterns including spring physics and smooth damping

03Morph target blending for complex mesh transitions

04Implementation of AnimationMixer, Clip, and Action systems

05Skeletal animation and bone manipulation for GLTF models

0631,722 GitHub stars

Casos de Uso

01Creating character animations and state transitions for 3D web games

02Building interactive product configurators with animated components

03Developing data visualizations with smooth, procedurally generated motion

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add sickn33/antigravity-awesome-skills threejs-animation

For use in Claude.ai and ChatGPT

Características Principales

01Support for Three.js r183 features like THREE.Timer and Bezier curves

02Procedural motion patterns including spring physics and smooth damping

03Morph target blending for complex mesh transitions

04Implementation of AnimationMixer, Clip, and Action systems

05Skeletal animation and bone manipulation for GLTF models

0631,722 GitHub stars

Casos de Uso

01Creating character animations and state transitions for 3D web games

02Building interactive product configurators with animated components

03Developing data visualizations with smooth, procedurally generated motion

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add sickn33/antigravity-awesome-skills threejs-animation

For use in Claude.ai and ChatGPT