Editing Openai/694f5245-1110-800b-b182-7c2accd50046 (section)

=== 你截圖看起來像：房間實際有，但畫面只畫出半邊。這種情況通常不是生成壞掉，而是「繪製座標 / camera / clip」出了事。 ===

下面是最常見的 4 個根因（按命中率排序）：

==== 例如不小心寫成： ====
* for (x=0; x<mapW/2; x++)
* 或 mapW = roomW/2（算錯）
* 或把 room.width 跟 canvas.width 混在一起

✅ 驗證法（請 GEMINI 加 log）：
* console.log("room size", roomW, roomH, "tiles", tiles.length);
* console.log("draw range", xMin, xMax, yMin, yMax);

==== 等角視角通常會做： ====
'' screenX = (x - y) '' tileW/2
'' screenY = (x + y) '' tileH/2

如果你沒有把原點平移到畫面中心，就會一半 tile 變成負的 screenX，被畫布裁掉。

✅ 止血修法（先把 origin 移到房間中心）：
在 draw 開頭做一次 translate：

<syntaxhighlight lang="js">ctx.save();
ctx.translate(canvas.width/2, canvas.height/4); // 先用這個粗略值
// draw tiles...
ctx.restore();

</syntaxhighlight>

（之後再精算 camera/offset）

==== 如果有類似： ====

<syntaxhighlight lang="js">if (sx < 0 || sx > canvas.width) continue;

</syntaxhighlight>

但 sx 沒加 cameraOffset，或 tileW/tileH 用錯，就會大量 continue。

✅ 驗證：先暫時關掉 culling，看是不是立刻全出現。

==== 例如 minimap 或 HUD 先 clip，忘了 ctx.restore()，後面地圖直接被裁掉一半。 ====

✅ 驗證：全域搜尋 clip(、save(、restore(
看 save/restore 是否成對。