Rocket Blueprint X-Ray
Switch between solid, blueprint wireframe and X-ray section views of a 3D rocket and satellite, with dimension callouts. Copy the prompt to build it.
Loading preview...
8797 views
Start with this prompt
Generate an engineering-blueprint 3D rocket page with three switchable view modes
Use Three.js to build an "engineering blueprint" style 3D showcase web page for rocket/satellite structural parts, with all models created procedurally in code (no external model files). Hard requirement: cinematic precision, at least 3 million triangles per scene. Modeling (build detail with real geometry — no faking it with textures): the rocket's first stage (9 engine nozzles in a circular layout, cooling channels visible one by one, grid fins, hydraulic joints on the landing legs), a separable fairing (inner-wall reinforcement frames visible, with a satellite inside), and the satellite (solar-panel cells panel by panel, dish antenna with mirror-level subdivision); every part must have real thickness and plausible mechanical connections. Core visual of this version: blueprint engineering aesthetics — a deep blue background with mixed rendering of glowing white/cyan wireframes and solid geometry; every part carries dimension lines, leader-line labels and technical parameters (in Chinese); one-click switching between three views — "solid PBR mode / blueprint wireframe mode / X-ray section mode" — with smooth transitions. Change the blueprint subject to a high-bypass turbofan engine: model the fan blades, compressor stages, combustor, turbine and exhaust nozzle layer by layer, keeping the deep-blue background, the glowing-wireframe aesthetic, the dimension annotations and the three view modes (solid, blueprint, X-ray). Clicking a part shows its section and Chinese parameters. No material shortcuts in solid mode: full PBR, with worn white paint, wrinkled thermal blankets and ablated nozzles. Interaction: drag to orbit, scroll to zoom; click a part to show its section and annotations; one-click exploded view / reset. Acceptance: 60 fps (merged geometry / instancing / LOD, no visible quality loss) and zero console errors; run a local server yourself, take zoomed-in screenshots to verify the three views and the correctness of the annotations, iterate at least 3 rounds, and fix anything unsatisfactory before re-checking. Deliverable: a self-contained code package with all assets, models, textures and code, ready to deploy directly, placed in /output (assets in /output/assets).
Use Three.js to build an "engineering blueprint" style 3D showcase web page for rocket/satellite structural parts, with all models created procedurally in code (no external model files). Hard requirement: cinematic precision, at least 3 million triangles per scene. Modeling (build detail with real geometry — no faking it with textures): the rocket's first stage (9 engine nozzles in a circular layout, cooling channels visible one by one, grid fins, hydraulic joints on the landing legs), a separable fairing (inner-wall reinforcement frames visible, with a satellite inside), and the satellite (solar-panel cells panel by panel, dish antenna with mirror-level subdivision); every part must have real thickness and plausible mechanical connections. Core visual of this version: blueprint engineering aesthetics — a deep blue background with mixed rendering of glowing white/cyan wireframes and solid geometry; every part carries dimension lines, leader-line labels and technical parameters (in Chinese); one-click switching between three views — "solid PBR mode / blueprint wireframe mode / X-ray section mode" — with smooth transitions. Add a measurement tool: in measure mode, click two points on the model surface to draw a measurement line with a live distance readout (switchable between millimeters and meters); multiple lines can coexist and be deleted individually, and leaving measure mode clears them all. Available in all three view modes. No material shortcuts in solid mode: full PBR, with worn white paint, wrinkled thermal blankets and ablated nozzles. Interaction: drag to orbit, scroll to zoom; click a part to show its section and annotations; one-click exploded view / reset. Acceptance: 60 fps (merged geometry / instancing / LOD, no visible quality loss) and zero console errors; run a local server yourself, take zoomed-in screenshots to verify the three views and the correctness of the annotations, iterate at least 3 rounds, and fix anything unsatisfactory before re-checking. Deliverable: a self-contained code package with all assets, models, textures and code, ready to deploy directly, placed in /output (assets in /output/assets).
Use Three.js to build an "engineering blueprint" style 3D showcase web page for rocket/satellite structural parts, with all models created procedurally in code (no external model files). Hard requirement: cinematic precision, at least 3 million triangles per scene. Modeling (build detail with real geometry — no faking it with textures): the rocket's first stage (9 engine nozzles in a circular layout, cooling channels visible one by one, grid fins, hydraulic joints on the landing legs), a separable fairing (inner-wall reinforcement frames visible, with a satellite inside), and the satellite (solar-panel cells panel by panel, dish antenna with mirror-level subdivision); every part must have real thickness and plausible mechanical connections. Core visual of this version: blueprint engineering aesthetics — a deep blue background with mixed rendering of glowing white/cyan wireframes and solid geometry; every part carries dimension lines, leader-line labels and technical parameters (in Chinese); one-click switching between three views — "solid PBR mode / blueprint wireframe mode / X-ray section mode" — with smooth transitions. Switch all dimension lines, leader-line labels and technical parameters on the page to English, convert units to imperial (inches, pounds) with a metric toggle kept, and localize the interface buttons into English as well. Keep the view switching and exploded-view interactions unchanged. No material shortcuts in solid mode: full PBR, with worn white paint, wrinkled thermal blankets and ablated nozzles. Interaction: drag to orbit, scroll to zoom; click a part to show its section and annotations; one-click exploded view / reset. Acceptance: 60 fps (merged geometry / instancing / LOD, no visible quality loss) and zero console errors; run a local server yourself, take zoomed-in screenshots to verify the three views and the correctness of the annotations, iterate at least 3 rounds, and fix anything unsatisfactory before re-checking. Deliverable: a self-contained code package with all assets, models, textures and code, ready to deploy directly, placed in /output (assets in /output/assets).
