3DPrompt.
GitHub
Back to the library
GPT-6 AstraReference brief

Rebuild a Video-Referenced 3D Scene in Three.js

A prompt to recreate the video’s 3D objects, scene, motion, lighting, materials, and shadows in Three.js, with a side-by-side MP4 comparison on the same page.

Created by Henry LiView original source
Rebuild a Video-Referenced 3D Scene in Three.js

About this example

A starting brief based on the creator's public project, not a verbatim original prompt. Your result will vary.

Creator notes

/goal build the same 3D objects and scene in Three.js and replicate the exact motion from the video, including lighting, material, shadows, etc. On the same page, add a side-by-side comparison with the mp4.

Three.js3D scene3D objectsmotion replicationlightingmaterialsshadowsvideo reference

The prompt

/goal build the same 3D objects and scene in Three.js and replicate the exact motion from the video, including lighting, material, shadows, etc. On the same page, add a side-by-side comparison with the mp4.

How to use this prompt

01

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.

02

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.

03

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.