MOONSHOT Concept Racer

Use Three.js to build a reveal page for a concept race car, with the car and the entire scene generated in code.

The car: an open-wheel concept racer named MOONSHOT. Nose pointing -Z, low-slung and long. The upper body is a piano-black monocoque that sinks into a bathtub at the cockpit; the nose cover, engine cover and the left and right sidepod covers are four separate panels clipped over the core body, each able to lift away as one piece to expose the internals. The front and rear wings are lofted from real airfoil profiles; the rear wing carries large translucent endplates, and a halo and a tall shark fin sit above the cockpit. A circular intake sits at the center of the nose. Four slick tires wear turbo-style wheel covers and a ring of blue glow. The livery is black, white and electric blue, and a translucent "jelly blue" is used on the rear wing, endplates, cockpit side windows and turning vanes — it must transmit light with real depth, never read as solid plastic. The sidepods and the rear wing's trailing lip carry the MOONSHOT wordmark.

The scene: the car is sealed inside a cubic viewing frame floating in low Earth orbit. The cube is built from metal edge beams, glowing edge lines and Fresnel glass faces — nearly invisible head-on, lighting up only at grazing angles. Inside, a circular plinth catches the car's projection. The backdrop is a starfield with Earth in the distance. The overall mood is premium and restrained: cool ambient light plus rim light tracing the body lines, and no sci-fi game-style interface elements. Move the showcase from the low-orbit cube to a snowy mountain hairpin: the racer parks on an open lookout beside a snow-lined road, with peaks, pine forest and a cable car behind it, and the lighting shifts to cool daylight bouncing off snow. Keep the scroll-driven cameras, the four lift-off body panels, the material macro view and the two-mood toggle (replacing the space mood with dusk). The livery and the MOONSHOT wordmark stay unchanged. The presentation: the page drives the camera with scrolling, walking through the full car, the nose, the side, the exploded view and details across several screens with short captions. The user can press and drag at any time to take over the camera and orbit freely; a toolbar then appears with preset camera positions, a material macro view, the exploded view, and a switch between two moods — space and a white studio.

Rendering: studio environment reflections, real shadows, bloom and close-range depth of field are all required — material credibility is the top priority of this page.

Use Three.js to build a reveal page for a concept race car, with the car and the entire scene generated in code.

The car: an open-wheel concept racer named MOONSHOT. Nose pointing -Z, low-slung and long. The upper body is a piano-black monocoque that sinks into a bathtub at the cockpit; the nose cover, engine cover and the left and right sidepod covers are four separate panels clipped over the core body, each able to lift away as one piece to expose the internals. The front and rear wings are lofted from real airfoil profiles; the rear wing carries large translucent endplates, and a halo and a tall shark fin sit above the cockpit. A circular intake sits at the center of the nose. Four slick tires wear turbo-style wheel covers and a ring of blue glow. The livery is black, white and electric blue, and a translucent "jelly blue" is used on the rear wing, endplates, cockpit side windows and turning vanes — it must transmit light with real depth, never read as solid plastic. The sidepods and the rear wing's trailing lip carry the MOONSHOT wordmark.

The scene: the car is sealed inside a cubic viewing frame floating in low Earth orbit. The cube is built from metal edge beams, glowing edge lines and Fresnel glass faces — nearly invisible head-on, lighting up only at grazing angles. Inside, a circular plinth catches the car's projection. The backdrop is a starfield with Earth in the distance. The overall mood is premium and restrained: cool ambient light plus rim light tracing the body lines, and no sci-fi game-style interface elements. Add an engineering callout mode: when enabled, anchored labels appear beside the front and rear wings, shark fin, halo, air intake and wheel covers, each explaining the part's aero function and design trade-off in one or two sentences, enlarging as the camera approaches. The callouts can be toggled globally, the copy is written for non-engineers, and the original scroll narrative and exploded view stay unchanged. The presentation: the page drives the camera with scrolling, walking through the full car, the nose, the side, the exploded view and details across several screens with short captions. The user can press and drag at any time to take over the camera and orbit freely; a toolbar then appears with preset camera positions, a material macro view, the exploded view, and a switch between two moods — space and a white studio.

Rendering: studio environment reflections, real shadows, bloom and close-range depth of field are all required — material credibility is the top priority of this page.