TweenManager and three easings
three.js and WebGL · A camera move · MIT
- What it does
A 40-line tween runner with easeInQuad, easeOutCubic and easeOutBack (the one that overshoots), advanced by a delta you pass in. No library, no clock of its own, so it can be stepped by a frame time. Code is in the reference page, written for the starter but free of dependencies.
- Get it
const tweens = new TweenManager(); tweens.tween(0.28, (v) => mesh.scale.setScalar(1 + 0.6 * (1 - v)), easeOutCubic); each frame: tweens.update(dt);
- Needs (the whole pack)
Nothing to read the skills. To run what they build: Node and npm, Python 3 for the helper scripts, and Chromium through Playwright for the inspector and tests. Optional and paid: Tripo, Gemini and ElevenLabs keys for the three generator skills.
- License
MIT
- From