透過前面幾篇文章,回溯了 Vibe Jam 活動起源、去年參與的遊戲,相信大家更能體會這場活動的氛圍。

恰好在今年活動官網倒數結束那一刻截到圖
在有限時間內從零開始做遊戲本就熱血,主辦人 Pieter Levels 又是低成本快速變現的開發者代表之一,不管怎麼想,繳出聲光效果絢麗、快速操作、令人血脈賁張的競速或射擊遊戲,獲獎機會最大?
可是對我這沒有遊戲開發經驗,因為此活動才開始認識 Three.js 的路人而言,追求精緻往往意味著忽略整體時程、眼高手低反而做不出來的風險。當旁人更有實務經驗與資源,雖然活動規定 90% 須由 AI 製作,雖然 AI 似乎被宣揚讓各種專業能力「民主化」,
但你讓莎士比亞跟猴子同樣敲鍵盤,誰先敲出哈姆雷特毫無懸念吧?
因為我實力有限、動作太慢,或許 AGI 都開發出來了也成不了事業,比起競賽獎金,我等參與者更應該找到活動對個人本身的意義。當操作步驟能被一句 prompt 取代,能掌握主動權的部分,就剩為啥要對模型下那句 prompt。
我並不認為這次的嘗試能夠為人矚目、大放異彩,但未來的未來或許我能在某個茶餘飯後拋出來談 :
「AI 剛出來那些年,我就在沒經驗的情況下指揮 AI 設計遊戲囉!」
以長期思維來反推遊戲主題
我必須挑一個夠具體又有持續性的話題,當成遊戲主題:
- 倘若概念模糊,或許大多遊戲都有討論到,缺乏自身的特色。
- 倘若風潮短暫,或許這遊戲過了某個時刻,就不適合當話題。
所以這個遊戲專案從「營運 AI 公司」,聚焦到「上中下游 AI 供應鏈管理」,儘管現實世界大概沒一家企業是這樣玩員工大風吹的,但看看新聞報導資料中心與電力基礎建設的需求,可能會持續到 2030 年欸,豈不代表接下來 4、5 年只要某家供應商缺貨、某案場建設延宕,便能把這次活動的經驗拿出來閒聊 :
「我早就指揮 AI 設計一款遊戲,來反映這些產業時事了!」
遊戲是敘事媒介的一種,透過遊戲自然也能傳遞體驗與理念。但當你想傳遞的是一種系統性的抽象事物,能使用的方式,本身可能受到另一種媒介的限制……
說到供應鏈,你想到什麼?
儀表板:數字、條形圖、節點連線圖。
這是一種自然而然的聯想,數字、幾何圖形與連接線,本來就是協助人類理解抽象概念的符號,甚至沿用成為不言自明的既定慣例。比如流程圖中菱形代表「判斷點」、矩形代表「環節」,慣例符號不需解釋,破壞慣例就要負責重建共識,倘若今天有人特別用心重新設計幾何圖形並美化、想讓大家更能切身體會這張流程圖的實際運作「體感」,
大家就會更無法理解了唷。
這導致要透過 Three.js 將供應鏈視覺化,本身就帶有一種文化意義上的挑戰,AI 當然能替你寫出立體呈現的程式碼,問題是,演示出來大家看得懂嗎?
在實際產出程式碼前,我已先與各家 AI 討論如何透過立體視覺,呈現供應鏈充裕與緊繃狀態。從 Claude、ChatGPT、Gemini、Grok 乃至 Deepseek,答覆都讓人失望,疑惑究竟是個人杞人憂天庸人自擾,還是大語言模型們不懂我那股直覺般的顧慮。
AI 們的回應如何?既然是供應鏈管理遊戲,必然要有一個大大呈現供應鏈儀錶板的介面。考量這位用戶希望透過 ThreeJS 的 3D 視覺表現,讓玩家實地感受到變化──把遊戲場景布置成室內 4D 電影院,大銀幕呈現互動式儀錶板吧!
真照 AI 建議去設計,玩這遊戲還不如去看 Netflix。
本質沒有改變啊,供需關係仍然被轉譯成數字,只是這些數字現在漂浮在立體空間裡。AI 只是裝飾了抽象關係,卻沒觸及根本、沒把它們具象化。由於討論不出所以然,只好按部就班先將我構想的供應鏈轉化為立體圖示,再觀摩生成的模樣思考如何設計。
於是 Three.js 把供應鏈節點渲染成立體物件。
上游是淺綠、中游是藍紫、下游是橙紅,顏色對比鮮明,形狀依據位階分為三種不同的柏拉圖立體,上面浮著節點名稱文字,被放置於黑色空間中的一張直線經緯劃分的平面。相關的節點由懸浮粒子形成的光帶連接,除此之外要說照明,就是從某一角 45 度朝下打過來的白色燈光。
我開始從不同角度觀察這些節點的排列。
雖然這種抽象方式,有助於玩家看清楚供應鏈節點關聯,但太無聊了,彷彿你叫 AI 設計 UI 而不給任何美感提示,AI 設計出來自以為「賽博龐克」酷炫風格,實際上千篇一律的暗色背景搭配螢光圓角邊框一樣。
這種景象讓人想到什麼呢,光帶粒子懸浮、空無一物,依照玩家選擇與員工配置有亮有暗……彷彿宇宙般?
因此我有了靈感,倘若供應鏈節點上被配置了更多人手,該節點體積應該要變大。玩家與對手在機制內屬於雙盲狀態,無法得知其他對手的布局,以多面體大小來呈現所有節點此刻人員整體配置數量的關係,那即使缺乏精準資訊,依然能判斷供需情況、進行配置。
如此一來,節點就像漆黑宇宙中的大小恆星,節點間的光帶連結則是小行星帶,原來供應鏈即為星空。
本該如此宇航浪漫的,然而設置節點的相對大小比例隨即成為挑戰,一下子節點無限膨脹、一下子大小差距看不出差異,尤其當前柏拉圖多面體至少差異明顯,倘若為了讓畫面更接近繁星點點,所有節點都得改成圓球狀才像恆星,玩家卻又更難辨別了。
到最後,我無奈地胡亂轉動視角,這才發現這批節點並非擺在同個平面上。
AI 有些雞婆地將上/中/下游節點設計了高度差,更視覺化呈現了上游在上面、下游在下面的供應關係,那些多面體們位於不同 Z 距離的排列,彷彿某處山坡上聳立的雅典石柱或者說摩艾石像……
……就像建築物一樣?
























