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.
Kimi K3Reference brief
Three single-file HTML Three.js procedural gun prompts
Reusable task instructions for building three fully procedural Three.js guns with firing effects and a disassembly toggle in a single HTML file.
About this example
A starting brief based on the creator's public project, not a verbatim original prompt. Your result will vary.
Three.jssingle-file HTMLprocedural gunsdisassembly toggleWeb Audio
The prompt
our test – 3 prompts, single-file html, @threejs, fully procedural, no assets. each has a small fire button (web audio gunshot + muzzle flash + recoil + ejected brass) and a disassemble toggle that explodes the gun into labelled parts and rebuilds it:
1. 5.56 m4 carbine – collapsible stock, safe·semi·burst lower, quad-rail with r14–r28 panel numbers, aimpoint red-dot, vertical foregrip, folding bipod, a2 flash hider, breaks into 10 parts
2. glock 18c – select-fire machine pistol, ported 18c compensator slots, "glock 18c / austria 9x19" roll-marks, extended 33-round mag, field-strips into slide, ported barrel, recoil spring, frame, mag
3. steyr tmp – ribbed polymer housing, threaded barrel, integral forward vertical foregrip, canted translucent 30-round mag
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.
