Start with the right workspace
Open your preferred coding assistant or 3D tool. Use the model shown on the example as a starting point, and check any linked project for setup instructions.
GPT-6 AstraReference brief
Interactive 3D particle collider
Suggested starting prompt from the author for building an interactive 3D CERN LHC- and ATLAS-inspired particle collider in one self-contained HTML file. It is presented as a prompt to build something similar, not explicitly as the exact input used for the showcased result.
About this example
A starting brief based on the creator's public project, not a verbatim original prompt. Your result will vary.
Creator notes
Build a Three.js-based interactive particle-collider visualizer with an animated, scroll-controlled detector disassembly, accelerator-ring beam view, synthetic collision display, visibility controls, timed playback, and offline HTML delivery.
Three.js3D particle colliderCERNLHCATLAS detectorinteractive visualizationsynthetic collisionscroll interaction
The prompt
Build a detailed, interactive 3D particle collider inspired by CERN’s LHC and the ATLAS detector using Three.js.
Create three views: a detector with thousands of individually animated parts, an accelerator ring with counter-rotating beams, and a synthetic collision display.
Make the detector unfold in six stages - from large end-cap wheels and magnets down to individual sensor modules. Include scroll-controlled disassembly, 30/60/90-second playback, pause, and reverse assembly.
Add per-system visibility switches, component counts, educational descriptions, and a camera flight around the ring.
Use a premium dark interface, metallic materials, subtle gold accents, and cinematic lighting. Keep parts readable and avoid excessive overlap.
Consult official CERN references. Clearly label simplified geometry and synthetic events.
Deliver one self-contained HTML file that works offline, plus portable source code and a README.
How to use this prompt
Choose one thing to change
Swap the subject, art style or setting. Keep the camera and interaction clear. Build a small version first, then refine one detail at a time.
Give the scene its own assets
For a custom character or prop, create a 3D model from a short object description or reference image, then bring it into your project.
Previews belong to their respective creators. Check the original source and project license before reusing code or assets.
