# 瀏覽器賽車・兩個 AI 各寫一支

> 我用兩個不同的 AI 各寫了一支能在瀏覽器玩的賽車：一支用 Claude Code（2D Canvas 偽 3D 公路競速），一支用 智譜 GLM-5.2（ZCode，Three.js 真 3D）。同一個人、不同 AI，從一句話到能玩，開瀏覽器就玩——你自己玩、自己比。

- 作者: 張耐德 Ned
- 作者資料: https://nedc.tw/about/
- 分類: 工作檯
- 原文: https://nedc.tw/work/cargame/
- 專案狀態: 營運中
- 標籤: 遊戲, 前端, Three.js, Canvas, AI 協作

本文是作者的專案紀錄，狀態為「營運中」；功能與合作範圍以專案當前公開說明為準，不代表第三方認證或成效保證。

![瀏覽器賽車：沙漠峽谷公路上的賽車遊戲畫面](https://nedc.tw/img/projects/cargame.webp)

## 第一支：Claude Code 寫的偽 3D 公路競速

一個能直接在瀏覽器裡玩的偽 3D 公路競速遊戲：車尾追逐視角，沙漠峽谷一路延伸到地平線，超越前車得分，氮氣能短暫破表。沒有遊戲引擎、沒有任何外部素材——整支就是一個 HTML 檔，畫面用 HTML5 Canvas 一格一格畫出來（經典的 pseudo-3D 投影：把路面切成一段段梯形，依透視縮放堆疊出立體感）。

電腦用方向鍵轉向、空白鍵或 Shift 開氮氣；手機橫著拿就有螢幕觸控按鈕，進遊戲會自動切換橫向全螢幕。

<div style="position:relative;width:100%;aspect-ratio:16/9;margin:1.6rem 0;border-radius:12px;overflow:hidden;border:1px solid rgba(0,0,0,0.15);background:#0a0d16;">
  <iframe src="https://nedc.tw/games/cargame/" title="極速狂飆 3D 試玩" loading="lazy" allowfullscreen style="position:absolute;inset:0;width:100%;height:100%;border:0;"></iframe>
</div>

<p style="text-align:center;"><a href="https://nedc.tw/games/cargame/" target="_blank" rel="noopener">▸ 開新分頁全螢幕遊玩</a>（手機建議用這個）</p>

這支不是什麼大作，而是一個註腳：當執行的成本趨近於零，一個下午就能從一句話（「做一個可以運行、可操控的賽車遊戲」）到一支跑得動、能操控、還能在手機上橫向觸控的成品——全程是我出需求與品味、Claude Code 出實作，中間還跑了多代理人對抗式審查抓 bug。稀缺的從來不是寫不寫得出來，而是想做什麼、做到什麼程度。

## 第二支：用 ZCode（GLM-5.2）寫的真 3D 賽車

第一支是 Claude Code 用 2D Canvas 手刻投影的偽 3D；這一支我換了引擎，改用 ZCode 來寫——也就是智譜的桌面 agent，背後跑的是開源模型 GLM-5.2。同一個人、不同 AI，各寫一支來對照。

這次是真的 3D：Three.js、WebGL，有實際的光影、陰影、霧，還有跟在車尾的第三人稱追逐視角（按 C 能切車頭或鳥瞰）。三條賽道、玩家加三台 AI、三圈計時與最佳單圈、小地圖、加速帶、障礙錐、起跑倒數、結算名次，鍵盤和手機觸控都能玩。不必聽我描述，下面可以直接開來跑跑看。

<div style="position:relative;width:100%;aspect-ratio:16/9;margin:1.6rem 0;border-radius:12px;overflow:hidden;border:1px solid rgba(0,0,0,0.15);background:#0a0d16;">
  <iframe src="https://nedc.tw/games/cargame2/" title="3D 賽車 Nitro Rush 試玩" loading="lazy" allowfullscreen style="position:absolute;inset:0;width:100%;height:100%;border:0;"></iframe>
</div>

<p style="text-align:center;"><a href="https://nedc.tw/games/cargame2/" target="_blank" rel="noopener">▸ 開新分頁全螢幕遊玩</a>（真 3D、較吃效能，電腦體驗最佳；需網路載入引擎）</p>

玩過就知道：它真的做得出一支完整的 3D 小遊戲。我在 [ZCode](https://nedc.tw/notes/ai-radar-glm-zcode/) 那篇筆記的結尾還在排隊實測，而這支，就是實測的成果——便宜的檔位（約六分之一的成本、跑分逼近頂規）確實能打。但我也守著那篇的分寸，不會因為這支跑得動就吹成「打趴 Claude」：最難的硬任務、客戶的資料，我還是不會輕易丟上它的中國雲端，聰明的用法是分流。模型是引擎，判斷才是方向盤——這支遊戲換了引擎，握方向盤的還是同一個人。

## 專案連結

- [玩第一支（Claude Code）](https://nedc.tw/games/cargame/)
- [玩第二支（GLM-5.2）](https://nedc.tw/games/cargame2/)