Catasterize WebGL Site
A small universe you can explore by scrolling.
Development capture: the scroll-driven wormhole scene.
[ Overview ]
A space-themed company site needs room for both spectacle and useful information. We built a planetary opening and a scroll-driven journey through a wormhole and a constellation sphere, then refined how those scenes share the page with the work. The work section now arrives earlier, and later 3D scenes prepare as visitors approach.
The site combines Astro pages, Three.js scenes and a shared animation controller for camera movement and captions. In documented local Chrome checks on an M1 Max, hero draw calls, the commands used to draw the scene, fell from 143 to 67 on desktop and 83 to 50 in phone emulation. Those measurements describe local rendering, while content completion and deployment remain separate steps.
Role
Web development, interactive scenes and motion refinement
Tech used
Astro, Three.js, Custom GLSL shaders, GSAP and ScrollTrigger, Lenis, Playwright
