Skip to content
Gemini: A WebGL Car Demo That Shifts Between Motion and Style

Gemini: A WebGL Car Demo That Shifts Between Motion and Style

Lusion's Gemini renders one car through two visual modes in Three.js. Hold to trigger slow motion and watch the shading, reflections, and post-processing reveal themselves. Restrained, cinematic, and quietly impressive.

Details

Maker
Lusion
Published

What it is

Gemini is a WebGL car demo that shouldn't work as well as it does. Built with Three.js by Lusion, it presents a single vehicle rendered through two completely different visual lenses: one all about motion, the other about style. The name gives it away. Click and hold anywhere, and the whole scene drops into slow motion while a cinematic HUD fades in around the edges, all animated with GSAP. It's the kind of interaction that feels obvious only after someone else thinks of it first.

What makes it worth studying is the level of detail. The car model, the lighting, the post-processing, the UI states, the cursor behavior: every piece is considered. The rendering quality sits right at the threshold where your brain stops thinking "browser" and starts thinking "engine." The slow-motion mechanic isn't just visual sugar either. It changes how you pay attention to the shading, the reflections, the way light catches the geometry at different angles.

Gemini was crafted as part of Lusion's monthly experiment series, which is one of those practices that sounds simple until you actually try shipping something polished every four weeks. Poke around the demo, toggle between the two modes, and pay attention to the transitions.

How it’s made

Technology
WebGL
Framework & Tool
Three.jsGSAP
Subject
Automotive