🏖️ Into the lighthouse - an immersive film built with Blender & Three.js. Enjoy 2 minutes of animated memories & real-time sound blending. All in just ~5 MB. 👉 👇 Thread with behind-the-scenes, source code, highlights & technical breakdown.

Tyler, The Low Poly Creator 🔨.

Generate videos in just a few seconds. Try Grok Imagine, free for a limited time.

🌊 Into the Lighthouse now runs on Apple Vision Pro (visionOS Safari)!. A pleasure to see @threejs running beautifully on AVP. Huge thanks to @tribadelics for testing it on a real device 🙏.

If you'd like to experience the project in real time and explore how it was built (materials, camera path, sound design…), check out the full interactive version and case study here:.🌊 

I made it using THREE.CubemapToEquirectangular by @thespite as a base. 💻 Check out the modified code here:

Here you can watch it in full 360º on YouTube. And if you're curious about how this equirectangular render was made… 👇.

🎥 I just converted my immersive film "Into the lighthouse" into a full 360º video, directly rendered from the @threejs scene. You can explore the entire island in every direction, or even watch it on YouTube (I’ll post a link below)

All source code, including the original .blend (Blender) and .als (Ableton Live) files, is available here:.

For a deep dive into the making-of, check out the detailed case study:.

Recap. All this runs in just ~5 MB, as a single-codebase implementation that works seamlessly on desktop 💻, tablet 📱, mobile, and VR headsets 🥽. Extra links below ⬇️.

Sound design. One of my 2025 challenges was learning to compose music. Thanks to Ableton-MCP and “a bit” of AI help, I crafted an ambient track and memory fragments to blend with the visuals.

Animations. I used three types: Transform, Shape Keys, and Skeletal. Although skeletal animations are usually heavy, I simplified the character armatures to achieve minimal, synced movements with positional audio.

Materials. With just ~4 KB of textures and using gradient mapping, you can achieve rich "unlit" aesthetics and painterly vibes.

Camera path. I wanted every frame to look like a "painting". To achieve a smooth, continuous movement, I placed the camera inside an Empty object in Blender (CameraRig) and linked it to a bezier curve.

The idea. My goal was to find a workflow to tell immersive stories with Blender and Three.js. By mixing a continuous single-take camera path and positional audios, I wanted to create a nostalgic, dreamlike journey.

RT @wookash_podcast: The magician himself, @iquilezles joined me to discuss his unique ability of painting pretty pictures with math!. We t….

Very happy testing the new Three.js DevTools Chrome Extension and proud to see that it was worth working on the implementation of InstancedMeshes, although I'm sure there are many more things to optimize.

This is what I love about #vibecoding these days. Makes me hopeful that new forms of user interaction appears playing with the AI 🛝🤖.

Prompt 2/2.". When any element is touched or clicked, all elements should fall to the bottom of the screen due to gravity.".

Prompt 1/2."Create a white scene using Three.js in a single HTML file, featuring the Google logo letters as 3D assets and other simulated parts of the classic homepage. Allow users to drag and throw elements around the screen, with realistic bouncing interactions. ".