Playground · 2025

Astron

Astron ist ein experimenteller Playground, der zur Erkundung von Three.js, GSAP und ScrollTrigger konzipiert wurde. Die Demo präsentiert dynamische 3D-Animationen, flüssige Scroll-Effekte und nahtlose Übergänge und verbindet Kreativität mit Web-Technologie.

Astron

Die Idee

Astron ist ein eigeninitiierter Playground, der die Grenzen dessen ausloten soll, wie sich Scrollen im Web anfühlen kann. Kein Kundenbriefing, keine Deadline, nur ein Raum, um interaktives 3D und Motion an der Grenze dessen zu erkunden, was Browser flüssig darstellen können.

Unser Ansatz

Wir haben Three.js für die 3D-Szene mit GSAP und ScrollTrigger kombiniert, um jede Kamerabewegung, jeden Übergang und jede Enthüllung direkt an die Scroll-Position zu koppeln. Das Ergebnis ist eine einzige durchgehende Sequenz, in der das Scrollen eine flüssige, filmische Reise antreibt statt einer Abfolge von Sprüngen.

Das Fazit

Experimente wie Astron fliessen direkt in die Kundenarbeit zurück. Die hier prototypisch entwickelte Scroll-Choreografie und die Performance-Techniken sind genau jene, auf die wir zurückgreifen, wenn ein Storefront einen Moment braucht, der Menschen mitten im Scrollen innehalten lässt.

Astron
Astron screen 1
Astron
Astron screen 2
Astron
Astron screen 3
Astron
Astron screen 4
Astron
Astron screen 5