Six experiments in motion and shader work

The problem

Scroll-driven sites usually animate opacity and call it motion design.

What we did

Six self-contained experiences: liquid-metal type morphing in raw WebGL2, a cinematic scroll rig, a fluid transition with RGB split, glass refraction with real transmission, a drivable low-poly world, and an aurora shader field.

Built with

• WebGL2
• Three.js
• GSAP
• Custom shaders