Procedural 3D browser animation of Iron Man’s helmet

Prompt

The author shared the full prompt.

Create a visually stunning, silent 3D browser animation of Iron Man’s classic red-and-gold helmet, presented as a premium cinematic studio object.

Deliver a complete runnable HTML experience using Three.js.

COMPOSITION

One helmet only, floating in the center of the frame.

Show the entire helmet, including its lower jaw and short armored neck opening. No shoulders, body, pedestal, or surrounding objects.

Make it large: approximately 70% of the viewport height, with enough space that it never clips during rotation.

Use a nearly black midnight-blue background, #070B14, with a very subtle studio gradient.

The finished helmet must be visible immediately. No introduction, loading sequence, titles, captions, logos, or interface over the scene.

THE HELMET

Make it immediately recognizable as Iron Man’s classic movie helmet.

Prioritize the correct silhouette and sculpted construction:
- A deep metallic crimson outer shell.
- A brushed gold faceplate with a strong angular brow.
- Narrow, sharply defined ice-white illuminated eyes.
- Sculpted cheek planes, a shaped nose bridge, and an angular armored jaw.
- A curved red crown, detailed temple panels, and a convincing rear shell.
- Fine recessed panel seams and small mechanical details.

Build real three-dimensional geometry with depth and thickness.

The front, sides, and back must all be intentionally modeled. The helmet must remain convincing through a complete rotation.

Create custom shaped surfaces and bevels where needed. Do not approximate the face with a collection of obvious boxes, spheres, or flat rectangular plates.

MATERIALS AND LIGHTING

Make the red shell look like polished automotive metal, with restrained micro-scratches and rich reflections.

Make the gold faceplate look like brushed metal, with subtle roughness variation.

Use broad studio lighting:
- A warm softbox from the upper left.
- A cooler, softer fill from the right.
- A narrow rim light that reveals the silhouette.

Create an environment that gives the metal readable reflections. Keep highlights controlled so the red and gold remain visible.

The eyes should emit a restrained white-blue glow. Preserve their sharp shape; avoid excessive bloom.

MOVEMENT

Keep the camera fixed at eye level with a subtle view from above.

Begin with the helmet facing forward.

Rotate the entire helmet smoothly around its vertical axis, completing exactly one full turn every 20 seconds.

Use constant rotation speed. No camera orbit, zoom, bobbing, wobbling, cuts, or extra animation.

The loop must be seamless.

IMPLEMENTATION

Construct the helmet procedurally in code. Do not download an existing helmet model or substitute a photograph, video, or flat image.

Use proper depth, lighting, shadows, antialiasing, and physically based materials.

Keep the composition responsive and consistent across viewport sizes.

Place a small replay control outside the scene, hidden unless the pointer moves.

Return the complete working implementatio

Category

3D scenes

Stack

Three.js

Made with

Three.js

From the author

requested as Extra

On X

69 likes · 20K views · 15 saves