Reference-matched Three.js interface

Recreate a reference in one HTML file with Three.js. Repeatedly compare the result and correct differences; refine lighting, model depth and glass-like controls with subtle pointer-responsive effects.

Prompt optimization tips

1

Specify editability

State which objects must remain separate, named and editable; otherwise a visually convincing shell may still be unusable.

2

Close the test loop

Ask the model to run the scene, inspect visible failures and repeat until concrete frame-rate, interaction and layout checks pass.

3

Stage long builds

For large worlds, split the work into districts, assemblies or milestones and approve each section before expanding scope.

Imagine It. Shape It.