Astro + GSAP + Three.js

Movimientoen 3D

Haz scroll para ver cómo GSAP controla la escena de Three.js.

↓ scroll

ScrollTrigger

La posición, rotación y escala del objeto están ligadas al scroll con scrub.

Tween de color

GSAP puede animar cualquier propiedad numérica, incluidos los canales r/g/b de un THREE.Color.

Un solo bucle

El render de Three.js se engancha a gsap.ticker, así todo va sincronizado en el mismo frame.