Squash and stretch
three.js and WebGL · A camera move · MIT
- What it does
Deform on impact and bounce back with easeOutBack, keeping volume: when one axis scales by s the other two scale by 1 / sqrt(s). About 0.9 squash on landing, 1.15 stretch on take-off, back in 180 ms. Code is in the reference page, written for the starter but free of dependencies.
- Get it
squash(target, 0.85, 0.18);
- 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