2D and 3D Animation Using JavaScript Greensock & Spline
summary
Builds a working SVG-based interactive slider with GSAP modifiers and Draggable, shows the exact math for velocity, overshoot and pivot-point rotation, and runs at 60fps using a counter loop. Exports the same interaction into Spline no-code + Three.js, recreating follow, damping and cloud rotations with depth-of-field, and explains when 3D adds value (AR/VR, loaders) versus when it’s pointless. Notes performance hits, lack of accessibility, and which steps actually take effort to make it feel human.
AI-written summary · about
chapters (7)
- 0:00Introduction
- 1:51Useless interactive animations
- 5:00Spline’s 3D features
- 9:49Web animation boundaries
- 11:58Balloon slider demo
- 22:193D slider with Spline
- 39:56Summary
