GPT-6 Astra

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.

Create with Hyper3D

Reference-matched Three.js interface

Open original video

Prompt

Reference prompt

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.

Exact original wording has not been verified. The original post provides the project context.

Original post

Keywords

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.

HYPER3D / RODIN

Create 3D assets with Rodin

Turn an image or a few words into detailed characters and props for your scene.

Imagine It.
Shape It.