Skip to content
Claude CodegreenfieldWeb12 files · +2863 −512

Build a self-verifying Boeing 747 and full airport in Three.js

Session from fable-5-boeing-747-trace on Hugging Face by victor · MIT · condensed by Coders Talk

1h 27msession
2interventions
GOAL

Build a realistic, procedurally-generated Boeing 747 in Three.js with a self-verification loop where the agent uses vision to inspect renders from multiple camera angles and iterate until satisfied, then extend it into a deployed viewer, a cinematic camera, and a full-scale airport scene.

  1. Prompt · +0
    Create the most realistic Boeing 747 using Three.js — build a self-verifiable system with a camera rig to inspect it from every angle, loop until 100% satisfied.
  2. Agent did · +0m
    Installed three.js and puppeteer, wrote a lofting/livery system, the parametric b747 builder, scene/frontend/server, and a screenshot harness capturing 12 camera presets.
  3. Agent did · +8m
    Ran ~8 rounds of render→read→fix: adjusted fuselage hump, nose droop, window rows, dorsal fillet, nacelles, wing texture, exhaust nozzles, and lighting/exposure balance based on visual inspection of each angle.
  4. Prompt · +40m
    Push this to a Hugging Face Space called 'Fable 5 Boeing 747' (static).
  5. Agent did · +41m
    Built a minified static bundle, verified it rendered locally, created a static-SDK HF Space, uploaded it, and confirmed the live deployment rendered correctly via headless screenshot.
  6. Prompt · +44m
    Without pushing to the space, add a 12-second cinematic camera sequence presenting the 747 in the most impressive way possible — you are the director.
  7. Intervention · +53m
    Everything is way too close to the subject — the goal is showing the quality of the geometry to technical people, not making a movie.
    Why: The dramatic close-up shots looked cool but didn't actually show off the model geometry, which was the real point.
  8. Break · 50m away, not counted
  9. Intervention · +1h 1m
    You can now remove this whole system and keep the view as it was with the mouse orbiting.
    Why: After going back and forth on the cinematic direction, I decided it wasn't adding value and just wanted the plain interactive viewer back.
  10. Prompt · +1h 20m
    Now build a full airport around the plane at the correct scale and with a lot of detail.
  11. Outcome · +1h 27m
    Built a ~1,000-line 1:1 scale airport (3.6km ICAO-correct runway, code-F taxiways, terminal, jet bridges, tower, hangars, fuel farm, GSE, instanced lighting), fixed scale, texture and lighting issues, and verified all 20 camera presets.
VERDICT

Next time I'd specify up front that I want a technical showcase, not a cinematic trailer — that would have saved a couple of rounds of camera direction back-and-forth. The correction that actually mattered was telling the agent the close-up cinematic shots didn't serve the goal of showing off the geometry; once I said that, it pivoted to a proper wide orbit. The vision self-verification loop worked well on its own for the model itself, catching real geometry and texture issues without me needing to intervene.

I tried this · 0

Discussion · 0

How Builds work