threejs-procedural-motion-systems
CommunityBuild and animate procedural motion systems in Three.js WebGPU/TSL.
Authorlinegel
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses the challenge of building and animating complex procedural motion systems in Three.js using WebGPU and TSL, enabling advanced real-time graphics systems design and validation.
Core Features & Use Cases
- Procedural Motion Systems: Create motion systems for Three.js WebGPU/TSL, including kinematics, gravity turns, staging, spin docking, target-frame decomposition, and quaternion control.
- Physics Integration: Seamlessly integrate motion with terrain, water, weather, and other solvers.
- Use Case: For an agent working on a real-time graphics project, this Skill can help implement complex motion effects like ocean waves, particle systems, and dynamic camera movements.
Quick Start
Use the threejs-procedural-motion-systems skill to build a procedural motion system for an object with the following parameters: position (0, 0, 0), velocity (1, 1, 1), quaternion (0, 0, 0, 1).
Dependency Matrix
Required Modules
three/webgputhreethree/tsl
Components
scriptsreferencesassets
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: threejs-procedural-motion-systems Download link: https://github.com/linegel/threejs-complete-set-of-skill/archive/main.zip#threejs-procedural-motion-systems Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.