Space Cork Coaster Launch
A moon-mission 3D launch page for a cork coaster, with staged cameras, grazing-light close-ups and anchored callouts. Open and play. Copy the prompt on Kimi Build.
Loading preview...
13915 views
Start with this prompt
Generate a space-themed 3D product launch page.
Use Three.js to build a space-themed premium product launch page whose hero is an original cork coaster; the overall production standard should match a flagship-phone launch event, and the narrative revolves around a lunar mission. The story advances in acts: the coaster floats in front of the Moon, its three-layer structure separates, a material close-up near enough to see the cork granules, and finally it lands on the specs. The camera is choreographed, but the user can take over at any time — 360° free orbit, zoom, and chapter jumping. Each act has different lighting; the close-up act must use grazing light to bring out the surface texture. Add structural annotations anchored to 3D points, plus a restrained HUD information layer. Swap the cork coaster for a pair of wireless earbuds: keep the moon-mission narrative and staged structure, turn the three-layer separation into a teardown of driver unit, ear cushions and charging case, and use grazing light in the close-up act to reveal the metal mesh texture and leather cushion grain. Take the Moon seriously: not a gray ball — lay out the near-side maria according to real lunar coordinates, with irregular coastlines, impact craters, and ray systems; color, normals, and displacement all derive from the same height field, and the Moon's limb has relief. All visual assets are generated by code; do not load unauthorized external resources; animations and interactions must actually run. Acceptance criterion: has an ordinary coaster been presented with the feel of aerospace-grade flagship merchandise?
Use Three.js to build a space-themed premium product launch page whose hero is an original cork coaster; the overall production standard should match a flagship-phone launch event, and the narrative revolves around a lunar mission. The story advances in acts: the coaster floats in front of the Moon, its three-layer structure separates, a material close-up near enough to see the cork granules, and finally it lands on the specs. The camera is choreographed, but the user can take over at any time — 360° free orbit, zoom, and chapter jumping. Each act has different lighting; the close-up act must use grazing light to bring out the surface texture. Add structural annotations anchored to 3D points, plus a restrained HUD information layer. Add a product configurator: clicking a swatch instantly switches the coaster's three layers between materials and colors (dark walnut, natural cork, black metal), with callouts and the specs act updating in sync, and the current colorway written into a shareable URL parameter. Take the Moon seriously: not a gray ball — lay out the near-side maria according to real lunar coordinates, with irregular coastlines, impact craters, and ray systems; color, normals, and displacement all derive from the same height field, and the Moon's limb has relief. All visual assets are generated by code; do not load unauthorized external resources; animations and interactions must actually run. Acceptance criterion: has an ordinary coaster been presented with the feel of aerospace-grade flagship merchandise?
Use Three.js to build a space-themed premium product launch page whose hero is an original cork coaster; the overall production standard should match a flagship-phone launch event, and the narrative revolves around a lunar mission. The story advances in acts: the coaster floats in front of the Moon, its three-layer structure separates, a material close-up near enough to see the cork granules, and finally it lands on the specs. The camera is choreographed, but the user can take over at any time — 360° free orbit, zoom, and chapter jumping. Each act has different lighting; the close-up act must use grazing light to bring out the surface texture. Add structural annotations anchored to 3D points, plus a restrained HUD information layer. Switch all page copy (chapter titles, callouts, HUD layer, specs) to English in the tone of an international flagship keynote — short, restrained, ceremonial sentences — keeping official English nomenclature for lunar surface names. Take the Moon seriously: not a gray ball — lay out the near-side maria according to real lunar coordinates, with irregular coastlines, impact craters, and ray systems; color, normals, and displacement all derive from the same height field, and the Moon's limb has relief. All visual assets are generated by code; do not load unauthorized external resources; animations and interactions must actually run. Acceptance criterion: has an ordinary coaster been presented with the feel of aerospace-grade flagship merchandise?
