Four more Image-to-Scene cases: Suburban Umbrella Pair, Rosie's Service Bin, Rosie's Roadside Billboard, Suburban Driveway Mailbox

README.md

@@ -14,7 +14,9 @@ short_description: Benchmarking coding agents that build 3D scenes
 Project page for Code4Scene: the leaderboard, the paper's takeaways, and selected cases whose saved Unreal Engine scenes can
 be viewed in 3D. Each section has a Text-to-Scene tab (construction; selected by default, the 20-scene Research Track) and an
 Image-to-Scene tab (editing; the 75-case public evaluation). `scripts/t2s_only.py` removed Image-to-Scene on 2026-10-01;
-`scripts/i2s_tabs.py` brought it back as the second tab on 2026-10-04.
+`scripts/i2s_tabs.py` brought it back as the second tab on 2026-10-04; `scripts/i2s_more_cases.py` adds four more
+Image-to-Scene cases (six in all) and `scripts/harbor_card.py` features GPT-6 Astra's Industrial Harbor, which links to its
+own viewer Space.
 
 Paper: [arXiv:2609.36777](https://arxiv.org/abs/2609.36777) · Code: [SimWorld-AI/Code4Scene](https://github.com/SimWorld-AI/Code4Scene)
 
@@ -42,7 +44,7 @@ Queue tests: `node --test tests/scene-assets.test.mjs`. Browser QA includes publ
 
 ## Geometry-first scene cards
 
-The homepage uses `data/progressive-scenes.json` to choose immutable packed derivatives for its 11 public scene/state variants. Geometry and meshopt bytes are unchanged; embedded images are moved into small packed batches. The original packed models remain available to the full case explorer. `assets/progressive-gltf.js` returns the geometry with neutral texture placeholders, then the visible card starts material work after its first rendered frame. Image updates preserve glTF samplers, color spaces, transforms and material parameters. At most two texture jobs run across the page; offscreen cards pause them, and a texture failure keeps the geometry visible with a separate retry control.
+The homepage uses `data/progressive-scenes.json` to choose immutable packed derivatives for 17 of its public scene/state variants (the suburban Image-to-Scene scenes are almost all geometry, so their cards load the packed model directly). Geometry and meshopt bytes are unchanged; embedded images are moved into small packed batches. The original packed models remain available to the full case explorer. `assets/progressive-gltf.js` returns the geometry with neutral texture placeholders, then the visible card starts material work after its first rendered frame. Image updates preserve glTF samplers, color spaces, transforms and material parameters. At most two texture jobs run across the page; offscreen cards pause them, and a texture failure keeps the geometry visible with a separate retry control.
 
 Three.js r160, GLTFLoader, MeshoptDecoder, Sky and OrbitControls are served from `assets/vendor/three-r160/`, retaining the official MIT license. Both page import maps use this pinned same-origin version. Original sources: https://github.com/mrdoob/three.js/tree/r160 .
 

cases.html

@@ -87,7 +87,7 @@ table.cs td,table.cs th{white-space:nowrap}.panel code{font-size:.82em;backgroun
 <section class="alt" style="padding-top:34px;padding-bottom:40px"><div class="container">
 <div class="section-header" style="margin-bottom:1.6rem"><span class="section-label">Cases</span><h2 class="section-title">Every scene in 3D, with its scores</h2>
 <p class="section-desc">Each agent's result is the engine-native scene it saved, exported from Unreal Engine so you can turn it in the browser. Beside it, how the
-evaluator scored that scene. 6 cases, 41 scenes in 3D. Pick a case, then an agent.</p></div>
+evaluator scored that scene. 10 cases, 58 scenes in 3D. Pick a case, then an agent.</p></div>
 <div class="casebar" id="casebar"></div>
 <div class="card" style="padding:1.4rem 1.5rem"><div class="case-head"><h3 id="ctitle"></h3><p><b id="ctrack"></b> · <span id="cnote"></span></p></div>
 <div class="case-input" id="cinput"></div>
@@ -99,7 +99,7 @@ evaluator scored that scene. 6 cases, 41 scenes in 3D. Pick a case, then an agen
 <footer><p>Code4Scene  ·  UC San Diego &amp; UC Berkeley  ·  <a href="https://arxiv.org/abs/2609.36777" rel="noopener" target="_blank">arXiv:2609.36777</a>  ·  <a href="https://github.com/SimWorld-AI/Code4Scene" rel="noopener" target="_blank">GitHub</a>  · 
 <a href="https://simworld.org/" rel="noopener" target="_blank">SimWorld Home</a></p>
 <p style="margin-top:.5rem;font-size:.75rem;color:rgba(255,255,255,.25)">Part of the SimWorld project.</p></footer>
-<script src="assets/paper.js?v=5427505a"></script><script src="data/site.js?v=20261004i2s"></script><script type="module">import * as THREE from "three";
+<script src="assets/paper.js?v=5427505a"></script><script src="data/site.js?v=20261004i2smore"></script><script type="module">import * as THREE from "three";
 import { GLTFLoader } from "three/addons/loaders/GLTFLoader.js";
 import { OrbitControls } from "three/addons/controls/OrbitControls.js";
 import { MeshoptDecoder } from "three/addons/libs/meshopt_decoder.module.js";

data/progressive-scenes.json

@@ -86,5 +86,53 @@
     "textureBytes": 2056820,
     "images": 232,
     "bundles": 8
+  },
+  "fef6016b97b176af9fef.bin": {
+    "geometry": "models/progressive-v1/geo-13f4cd9fc901d889707fc206.bin",
+    "originalBytes": 4864820,
+    "geometryBytes": 3641276,
+    "textureBytes": 1248976,
+    "images": 209,
+    "bundles": 7
+  },
+  "6ed621e057a53331469a.bin": {
+    "geometry": "models/progressive-v1/geo-d0f2f25f6a11dcb13b80fd71.bin",
+    "originalBytes": 4864728,
+    "geometryBytes": 3641184,
+    "textureBytes": 1248976,
+    "images": 209,
+    "bundles": 7
+  },
+  "843768ef1999c6f33178.bin": {
+    "geometry": "models/progressive-v1/geo-56b3730f534874fae19c22ef.bin",
+    "originalBytes": 4864728,
+    "geometryBytes": 3641180,
+    "textureBytes": 1248976,
+    "images": 209,
+    "bundles": 7
+  },
+  "d3e551d366b82c38cfe2.bin": {
+    "geometry": "models/progressive-v1/geo-7f4a328519e42f2fb2cd5bd8.bin",
+    "originalBytes": 4864836,
+    "geometryBytes": 3641288,
+    "textureBytes": 1248976,
+    "images": 209,
+    "bundles": 7
+  },
+  "ca03f1482ef5f2decbcb.bin": {
+    "geometry": "models/progressive-v1/geo-38a1193f3df64e3bf1e8f1b0.bin",
+    "originalBytes": 4864784,
+    "geometryBytes": 3641240,
+    "textureBytes": 1248976,
+    "images": 209,
+    "bundles": 7
+  },
+  "73ceabf2d178a47c7d70.bin": {
+    "geometry": "models/progressive-v1/geo-56b3730f534874fae19c22ef.bin",
+    "originalBytes": 4864728,
+    "geometryBytes": 3641180,
+    "textureBytes": 1248976,
+    "images": 209,
+    "bundles": 7
   }
 }

index.html

@@ -45,7 +45,7 @@ svg.ch .dim{opacity:.42}svg.ch g.row:hover{opacity:1}svg.ch .hot{fill:var(--c4s-
 <a class="text-button" href="https://simworld-ai-industrial-harbor-viewer.static.hf.space/" rel="noopener" target="_blank">Explore the full scene in 3D ↗</a>
 <p class="feature-note">Streams about 1.2 GB of textures on first load.</p>
 </div>
-</article><article class="case-card"><div class="live-scene" data-agent="astra" data-case="nordic-harbour"><canvas aria-label="Interactive 3D scene: Nordic Harbour. Drag to orbit, scroll or use plus and minus to zoom." tabindex="0"></canvas><span class="scene-loading" role="status">Loading 3D scene…</span><span class="scene-hint">Drag to orbit · Scroll to zoom</span><button aria-label="Pause scene rotation" class="scene-motion">Ⅱ</button></div><div class="meta"><span class="eyebrow">Text-to-Scene</span><h4>Nordic Harbour</h4><p>GPT-6 Astra (max) · score 0.877</p><a class="text-button" href="cases.html#nordic-harbour">Compare all 14 agents ↗</a></div></article><article class="case-card"><div class="live-scene" data-agent="fable" data-case="medieval-big-farm-town"><canvas aria-label="Interactive 3D scene: Medieval Big Farm Town. Drag to orbit, scroll or use plus and minus to zoom." tabindex="0"></canvas><span class="scene-loading" role="status">Loading 3D scene…</span><span class="scene-hint">Drag to orbit · Scroll to zoom</span><button aria-label="Pause scene rotation" class="scene-motion">Ⅱ</button></div><div class="meta"><span class="eyebrow">Text-to-Scene</span><h4>Medieval Big Farm Town</h4><p>Claude Fable 5.1 (max) · score 0.830</p><a class="text-button" href="cases.html#medieval-big-farm-town">Compare all 14 agents ↗</a></div></article><article class="case-card"><div class="live-scene" data-agent="opus" data-case="egyptian-temple"><canvas aria-label="Interactive 3D scene: Egyptian Temple. Drag to orbit, scroll or use plus and minus to zoom." tabindex="0"></canvas><span class="scene-loading" role="status">Loading 3D scene…</span><span class="scene-hint">Drag to orbit · Scroll to zoom</span><button aria-label="Pause scene rotation" class="scene-motion">Ⅱ</button></div><div class="meta"><span class="eyebrow">Text-to-Scene</span><h4>Egyptian Temple</h4><p>Claude Opus 5 (max) · score 0.777</p><a class="text-button" href="cases.html#egyptian-temple">Compare all 14 agents ↗</a></div></article><article class="case-card"><div class="live-scene" data-agent="fable" data-case="bazaar"><canvas aria-label="Interactive 3D scene: Bazaar. Drag to orbit, scroll or use plus and minus to zoom." tabindex="0"></canvas><span class="scene-loading" role="status">Loading 3D scene…</span><span class="scene-hint">Drag to orbit · Scroll to zoom</span><button aria-label="Pause scene rotation" class="scene-motion">Ⅱ</button></div><div class="meta"><span class="eyebrow">Text-to-Scene</span><h4>Bazaar</h4><p>Claude Fable 5.1 (max) · score 0.930</p><a class="text-button" href="cases.html#bazaar">Compare all 14 agents ↗</a></div></article></div><div class="case-grid" data-view="i2s" style="display:none"><article class="case-card"><div class="live-scene" data-agent="astra" data-case="comp-31-old-industrial-pallet-bay-repair-v2"><canvas aria-label="Interactive 3D scene: Old Industrial Pallet Bay. Drag to orbit, scroll or use plus and minus to zoom." tabindex="0"></canvas><span class="scene-loading" role="status">Loading 3D scene…</span><span class="scene-hint">Drag to orbit · Scroll to zoom</span><button aria-label="Pause scene rotation" class="scene-motion">Ⅱ</button></div><div aria-label="Scene state" class="scene-versions"><button class="on" data-state="repair">Repair</button><button data-state="input">Corrupted input</button><button data-state="gt">Ground truth</button></div><div class="meta"><span class="eyebrow">Image-to-Scene</span><h4>Old Industrial Pallet Bay</h4><p>GPT-6 Astra (max) · score 1.000</p><a class="text-button" href="cases.html#comp-31-old-industrial-pallet-bay-repair-v2">Compare all 14 agents ↗</a></div></article><article class="case-card"><div class="live-scene" data-agent="fable" data-case="comp-61-new-york-mailbox-pair-repair-v2"><canvas aria-label="Interactive 3D scene: New York Mailbox Pair. Drag to orbit, scroll or use plus and minus to zoom." tabindex="0"></canvas><span class="scene-loading" role="status">Loading 3D scene…</span><span class="scene-hint">Drag to orbit · Scroll to zoom</span><button aria-label="Pause scene rotation" class="scene-motion">Ⅱ</button></div><div aria-label="Scene state" class="scene-versions"><button class="on" data-state="repair">Repair</button><button data-state="input">Corrupted input</button><button data-state="gt">Ground truth</button></div><div class="meta"><span class="eyebrow">Image-to-Scene</span><h4>New York Mailbox Pair</h4><p>Claude Fable 5.1 (max) · score 1.000</p><a class="text-button" href="cases.html#comp-61-new-york-mailbox-pair-repair-v2">Compare all 14 agents ↗</a></div></article></div>
+</article><article class="case-card"><div class="live-scene" data-agent="astra" data-case="nordic-harbour"><canvas aria-label="Interactive 3D scene: Nordic Harbour. Drag to orbit, scroll or use plus and minus to zoom." tabindex="0"></canvas><span class="scene-loading" role="status">Loading 3D scene…</span><span class="scene-hint">Drag to orbit · Scroll to zoom</span><button aria-label="Pause scene rotation" class="scene-motion">Ⅱ</button></div><div class="meta"><span class="eyebrow">Text-to-Scene</span><h4>Nordic Harbour</h4><p>GPT-6 Astra (max) · score 0.877</p><a class="text-button" href="cases.html#nordic-harbour">Compare all 14 agents ↗</a></div></article><article class="case-card"><div class="live-scene" data-agent="fable" data-case="medieval-big-farm-town"><canvas aria-label="Interactive 3D scene: Medieval Big Farm Town. Drag to orbit, scroll or use plus and minus to zoom." tabindex="0"></canvas><span class="scene-loading" role="status">Loading 3D scene…</span><span class="scene-hint">Drag to orbit · Scroll to zoom</span><button aria-label="Pause scene rotation" class="scene-motion">Ⅱ</button></div><div class="meta"><span class="eyebrow">Text-to-Scene</span><h4>Medieval Big Farm Town</h4><p>Claude Fable 5.1 (max) · score 0.830</p><a class="text-button" href="cases.html#medieval-big-farm-town">Compare all 14 agents ↗</a></div></article><article class="case-card"><div class="live-scene" data-agent="opus" data-case="egyptian-temple"><canvas aria-label="Interactive 3D scene: Egyptian Temple. Drag to orbit, scroll or use plus and minus to zoom." tabindex="0"></canvas><span class="scene-loading" role="status">Loading 3D scene…</span><span class="scene-hint">Drag to orbit · Scroll to zoom</span><button aria-label="Pause scene rotation" class="scene-motion">Ⅱ</button></div><div class="meta"><span class="eyebrow">Text-to-Scene</span><h4>Egyptian Temple</h4><p>Claude Opus 5 (max) · score 0.777</p><a class="text-button" href="cases.html#egyptian-temple">Compare all 14 agents ↗</a></div></article><article class="case-card"><div class="live-scene" data-agent="fable" data-case="bazaar"><canvas aria-label="Interactive 3D scene: Bazaar. Drag to orbit, scroll or use plus and minus to zoom." tabindex="0"></canvas><span class="scene-loading" role="status">Loading 3D scene…</span><span class="scene-hint">Drag to orbit · Scroll to zoom</span><button aria-label="Pause scene rotation" class="scene-motion">Ⅱ</button></div><div class="meta"><span class="eyebrow">Text-to-Scene</span><h4>Bazaar</h4><p>Claude Fable 5.1 (max) · score 0.930</p><a class="text-button" href="cases.html#bazaar">Compare all 14 agents ↗</a></div></article></div><div class="case-grid" data-view="i2s" style="display:none"><article class="case-card"><div class="live-scene" data-agent="astra" data-case="comp-31-old-industrial-pallet-bay-repair-v2"><canvas aria-label="Interactive 3D scene: Old Industrial Pallet Bay. Drag to orbit, scroll or use plus and minus to zoom." tabindex="0"></canvas><span class="scene-loading" role="status">Loading 3D scene…</span><span class="scene-hint">Drag to orbit · Scroll to zoom</span><button aria-label="Pause scene rotation" class="scene-motion">Ⅱ</button></div><div aria-label="Scene state" class="scene-versions"><button class="on" data-state="repair">Repair</button><button data-state="input">Corrupted input</button><button data-state="gt">Ground truth</button></div><div class="meta"><span class="eyebrow">Image-to-Scene</span><h4>Old Industrial Pallet Bay</h4><p>GPT-6 Astra (max) · score 1.000</p><a class="text-button" href="cases.html#comp-31-old-industrial-pallet-bay-repair-v2">Compare all 14 agents ↗</a></div></article><article class="case-card"><div class="live-scene" data-agent="fable" data-case="comp-61-new-york-mailbox-pair-repair-v2"><canvas aria-label="Interactive 3D scene: New York Mailbox Pair. Drag to orbit, scroll or use plus and minus to zoom." tabindex="0"></canvas><span class="scene-loading" role="status">Loading 3D scene…</span><span class="scene-hint">Drag to orbit · Scroll to zoom</span><button aria-label="Pause scene rotation" class="scene-motion">Ⅱ</button></div><div aria-label="Scene state" class="scene-versions"><button class="on" data-state="repair">Repair</button><button data-state="input">Corrupted input</button><button data-state="gt">Ground truth</button></div><div class="meta"><span class="eyebrow">Image-to-Scene</span><h4>New York Mailbox Pair</h4><p>Claude Fable 5.1 (max) · score 1.000</p><a class="text-button" href="cases.html#comp-61-new-york-mailbox-pair-repair-v2">Compare all 14 agents ↗</a></div></article><article class="case-card"><div class="live-scene" data-agent="opus" data-case="comp-72-suburban-umbrella-pair-repair-v2"><canvas aria-label="Interactive 3D scene: Suburban Umbrella Pair. Drag to orbit, scroll or use plus and minus to zoom." tabindex="0"></canvas><span class="scene-loading" role="status">Loading 3D scene…</span><span class="scene-hint">Drag to orbit · Scroll to zoom</span><button aria-label="Pause scene rotation" class="scene-motion">Ⅱ</button></div><div aria-label="Scene state" class="scene-versions"><button class="on" data-state="repair">Repair</button><button data-state="input">Corrupted input</button><button data-state="gt">Ground truth</button></div><div class="meta"><span class="eyebrow">Image-to-Scene</span><h4>Suburban Umbrella Pair</h4><p>Claude Opus 5 (max) · score 1.000</p><a class="text-button" href="cases.html#comp-72-suburban-umbrella-pair-repair-v2">Compare all 14 agents ↗</a></div></article><article class="case-card"><div class="live-scene" data-agent="astra" data-case="comp-17-rosies-service-bin-reset-v3"><canvas aria-label="Interactive 3D scene: Rosie's Service Bin. Drag to orbit, scroll or use plus and minus to zoom." tabindex="0"></canvas><span class="scene-loading" role="status">Loading 3D scene…</span><span class="scene-hint">Drag to orbit · Scroll to zoom</span><button aria-label="Pause scene rotation" class="scene-motion">Ⅱ</button></div><div aria-label="Scene state" class="scene-versions"><button class="on" data-state="repair">Repair</button><button data-state="input">Corrupted input</button><button data-state="gt">Ground truth</button></div><div class="meta"><span class="eyebrow">Image-to-Scene</span><h4>Rosie's Service Bin</h4><p>GPT-6 Astra (max) · score 1.000</p><a class="text-button" href="cases.html#comp-17-rosies-service-bin-reset-v3">Compare all 14 agents ↗</a></div></article><article class="case-card"><div class="live-scene" data-agent="astra" data-case="comp-18-rosies-roadside-billboard-reset-v3"><canvas aria-label="Interactive 3D scene: Rosie's Roadside Billboard. Drag to orbit, scroll or use plus and minus to zoom." tabindex="0"></canvas><span class="scene-loading" role="status">Loading 3D scene…</span><span class="scene-hint">Drag to orbit · Scroll to zoom</span><button aria-label="Pause scene rotation" class="scene-motion">Ⅱ</button></div><div aria-label="Scene state" class="scene-versions"><button class="on" data-state="repair">Repair</button><button data-state="input">Corrupted input</button><button data-state="gt">Ground truth</button></div><div class="meta"><span class="eyebrow">Image-to-Scene</span><h4>Rosie's Roadside Billboard</h4><p>GPT-6 Astra (max) · score 1.000</p><a class="text-button" href="cases.html#comp-18-rosies-roadside-billboard-reset-v3">Compare all 14 agents ↗</a></div></article><article class="case-card"><div class="live-scene" data-agent="fable" data-case="comp-51-suburban-driveway-mailbox-recovery-v2"><canvas aria-label="Interactive 3D scene: Suburban Driveway Mailbox. Drag to orbit, scroll or use plus and minus to zoom." tabindex="0"></canvas><span class="scene-loading" role="status">Loading 3D scene…</span><span class="scene-hint">Drag to orbit · Scroll to zoom</span><button aria-label="Pause scene rotation" class="scene-motion">Ⅱ</button></div><div aria-label="Scene state" class="scene-versions"><button class="on" data-state="repair">Repair</button><button data-state="input">Corrupted input</button><button data-state="gt">Ground truth</button></div><div class="meta"><span class="eyebrow">Image-to-Scene</span><h4>Suburban Driveway Mailbox</h4><p>Claude Fable 5.1 (max) · score 1.000</p><a class="text-button" href="cases.html#comp-51-suburban-driveway-mailbox-recovery-v2">Compare all 14 agents ↗</a></div></article></div>
 <div style="text-align:center;margin-top:2rem"><a class="btn btn-primary" href="cases.html"><svg aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" viewbox="0 0 16 16"><path d="M8 1.5l5.5 3v7L8 14.5l-5.5-3v-7z"></path><path d="M2.5 4.5L8 7.5l5.5-3M8 7.5v7"></path></svg> Open the case explorer</a></div>
 </div></section><section class="alt" id="takeaways"><div class="container">
 <div class="section-header centered"><span class="section-label">Findings</span><h2 class="section-title">Takeaways</h2>
@@ -70,4 +70,4 @@ svg.ch .dim{opacity:.42}svg.ch g.row:hover{opacity:1}svg.ch .hot{fill:var(--c4s-
 <a href="https://simworld.org/" rel="noopener" target="_blank">SimWorld Home</a></p>
 <p style="margin-top:.5rem;font-size:.75rem;color:rgba(255,255,255,.25)">Part of the SimWorld project.</p></footer>
 <script src="assets/paper.js?v=5427505a"></script>
-<script defer="" src="assets/leaderboard-bars.js?v=20261004i2s"></script><script src="data/site.js?v=20261004i2s"></script><script src="assets/pareto.js?v=20261004i2s" type="module"></script><script src="assets/scene-cards.js?v=20261002a" type="module"></script><script src="assets/task-tabs.js?v=20261001c" type="module"></script><script src="assets/leaderboard-controls.js?v=20261001c" type="module"></script><script src="assets/takeaway-bars.js?v=20261004kit" type="module"></script></body></html>
+<script defer="" src="assets/leaderboard-bars.js?v=20261004i2s"></script><script src="data/site.js?v=20261004i2smore"></script><script src="assets/pareto.js?v=20261004i2s" type="module"></script><script src="assets/scene-cards.js?v=20261002a" type="module"></script><script src="assets/task-tabs.js?v=20261001c" type="module"></script><script src="assets/leaderboard-controls.js?v=20261001c" type="module"></script><script src="assets/takeaway-bars.js?v=20261004kit" type="module"></script></body></html>