Building Tidehaven, an interactive 3D island in the browser with Astra

Vib3Coded @vib3codedOriginally posted 2026.09.18

Open original on X

MY OWN LITTLE ISLAND WITH GPT-6 ASTRA I created Tidehaven - an interactive 3D diorama built with Three.js + WebGL A copper-roofed cabin, a wooden pier, and a crystal-clear lagoon with swimming rays. Launch a kayak, take the camera underwater, and watch a ray leap out with a splash Adjust the tide, wind, and time of day. Lanterns light up at sunset while patterns of light dance across the seabed Everything runs right in your browser, in a single HTML file