整個舊金山變成一幅復古遊戲地圖?AI 重新誕生的 1,300 英里數位城市

綠色海灣、紅色鹽田與維多利亞式住宅錯落有致的舊金山像素藝術地圖畫面
AI Summary

介紹設計師賈斯汀·查韋斯(Justin Chavez)如何結合 Google 的立體地圖資料與開源 AI,將 1,300 英里的舊金山灣區化為精緻像素藝術遊戲地圖的故事。

想像一下。早晨醒來打開電腦螢幕,我們每天在新聞或電影中看到的巨大大都市舊金山,竟像 1990 年代懷舊的經典角色扮演遊戲(RPG,玩家操作角色進行冒險的遊戲)世界一樣,以可愛的像素藝術畫面展開。建築群變成了密集的點陣圖形,蜿蜒的坡道、蔚藍的大海與紅色的鹽田,如同童話小鎮般被精緻地重現。

比喻來說,這就像是把巨大的真實城市整座搬進了復古風的積木世界,帶來巨大的視覺震撼。近期,開發者兼設計師賈斯汀·查韋斯(Justin Chavez)推出的 「Isometric SF」 專案,正是將這種想像化為現實的驚奇之作 [Source 1]。這個專案不僅僅是把圖畫得漂亮,更是尖端三維地圖資料與人工智慧(AI)技術如何結合以創造全新藝術體驗的代表性案例。今天就讓我們一起來看看這個有趣的數位城市是如何誕生的,以及其中隱藏著什麼樣的技術祕密。


這為什麼重要?

將我們所處的現實世界搬進數位空間的嘗試,在 Naver 地圖、Google 地圖等服務中屢見不鮮。然而,這些目的多半停留在「精確導航」或「確認交通資訊」等實用性上。相對地,Isometric SF 完全跳脫了實用性的框架,聚焦於「藝術感」與「探索樂趣」。

涵蓋 1,300 平方英里(約 336 萬平方公里,超過首爾市面積 5 倍的巨大空間)的整個舊金山灣(Bay)地區化為古典遊戲地圖 [Source 1],讓我們以完全嶄新的視角來看待熟悉的城市。蘋果園區(Apple Park,蘋果巨大的圓形總部大樓)、藝術宮(Palace of Fine Arts,讓人聯想起古羅馬建築的舊金山美麗建築)、柏克萊加州大學(UC Berkeley,世界頂尖的公立大學)等著名地標如何透過點陣圖形表現出來,到處尋找的過程充滿樂趣 [Source 1]。

這項技術為未來的元宇宙(虛擬實境與現實互動的空間)、獨立遊戲(無大型資本、小規模製作的獨立遊戲)開發、虛擬觀光等各種領域帶來了巨大的啟發。過去需要數百名平面設計師花費數年時間埋頭苦幹的大規模手工像素藝術工作,如今透過結合 AI 與原始地理資料,開啟了以更少成本與時間實現的可能性。


輕鬆理解:3D 地圖與 AI 相遇的方法

這個龐大的專案是如何辦到的?用簡單的比喻來解釋,就是裝上了「以尖端相機拍攝的實體立體模型,套上復古遊戲專業畫家畫風的魔法濾鏡」。

簡單來說,這個過程大致分為兩個階段。

第 1 階段:準備原始材料(Google 3D 圖塊)

賈斯汀·查韋斯並不是從平地開始憑空畫畫的。他利用了 Google 的光學真實感 3D 圖塊(Google Photorealistic 3D Tiles,以公分級精度對全球主要城市進行精細掃描,構成立體虛擬地球的資料)這項龐大的資料 [Source 1]。這項資料是虛擬地球的骨架,以公分級精度對全球主要城市進行三維掃描,完整保留了實際建築物的高度、地形起伏以及道路位置。舊金山特有的陡峭山坡、維多利亞式住宅群以及蜿蜒的道路網,全部都收錄其中 [Source 2, Source 4]。

第 2 階段:教導 AI 畫風(LoRA 與開源 AI)

光是把骨架拿來,並不會立刻變成像素藝術。為了將冰冷的三維立體幾形轉換成 1990 年代大型電玩般的溫暖點陣圖形,人工智慧被動員了起來。

在這裡,LoRA(Low-Rank Adaptation —— 不需改動整個巨大的 AI 模型,僅有效率地訓練特定畫風或風格的小型附加學習模組)技術扮演了核心角色。開發者在初期原型階段,利用名為「Nano Banana 2」的工具,對基於 Qwen 的影像編輯 AI 模型進行了像素藝術畫風的集中訓練 [Source 1]。

這可以這樣比喻。就像是給美術系大學生(基礎 AI 模型)看 100 幅著名像素藝術大師的作品,並給予特別輔導(LoRA 學習):「畫城市建築時要模仿這種畫風」。AI 透過這項輔導,徹底掌握了建築物的窗戶、行道樹、海洋波浪應該用什麼顏色的點(像素)來點綴才能營造出復古感。


現狀:突破成本高牆的開源力量

這個專案中最令人驚嘆的一點,就是「成本」與「效率」的問題。

如果在落實構想初期,直接使用高效能的高級模型(Nano Banana 2)到底,要完成這張完整地圖(1,300 平方英里),將花費高達 約 7,000 美元(約合新台幣 22 萬至 23 萬元)的費用 [Source 1]。這對個人出於興趣而開始的專案來說,是一筆相當可觀的金額。

然而,開發者並沒有就此停步。他以更小、更輕量的開源(公開原始碼供任何人自由修改與利用的軟體)模型 Qwen 為基礎,重新訓練了 「Klein 4B LoRA」 [Source 1]。在不依賴大企業昂貴付費伺服器或巨型模型的情況下,針對需求客製化了小巧且高效的開源 AI 模型。

結果大獲成功。在幾乎完美重現原始畫風與精細度的同時,製作成本戲劇性地降低到了原本的 1/4 水平 [Source 1]!這證明了即使沒有龐大資本,個人也能結合 AI 與開源工具,將想像力淋漓盡致地實現的時代已經全面來臨。

檢視完成的地圖,其細緻程度令人讚嘆。南灣(South Bay,舊金山南部地區)的鹽田在鮮紅、黃與白的交織下閃閃發光,周圍則被綠色濕地與青綠色海灣(Bay)的波浪美麗地環繞 [Source 3]。其視覺密度彷彿有人用數十萬塊樂高積木將整個舊金山拼湊出來一般。


未來會如何發展?

像「Isometric SF」這類專案的成功,潛藏著徹底改變未來我們對待數位地圖方式的潛力。

首先,是個人化虛擬世界的普及。就像處理紐約的「Isometric NYC」專案 [Source 1, Source 4]以及這次的舊金山專案一樣,全球無數城市都能以各自獨特的遊戲圖形畫風重生.未來,使用者只要點擊一下,就能將自己居住的社區轉換成《薩爾達傳說》風格或《寶可夢》風格的像素藝術地圖來參觀,這類服務將變得十分普遍。

其次,是獨立遊戲開發格局的轉變。利用開源 AI 與小型 LoRA 模型,遊戲開發人員無需手動逐像素點畫出龐大的開放世界背景,就能根據真實地理資料瞬間進行視覺資產的原型製作(Prototyping)。

當然,也有其侷限性。AI 生成的像素藝術乍看之下完美無缺,但在極微小的細節上,建築結構或道路連線可能會出現不夠邏輯或突兀的雜訊。因此,與其直接跳過人工進入完全自動化的商業服務,不如像這次案例一樣,務必搭配藝術家或開發者細緻的提示詞工程(Prompt Engineering,向 AI 輸入最佳指令的技術)與風格調校。

在不久的未來,或許會迎來這樣的時代:我們能請 AI 將想去的旅遊勝地或充滿回憶的家鄉村莊製作成復古遊戲地圖來收藏,並在其中進行虛擬散步。


MindTickleBytes 的 AI 記者視線

當巨大的主流科技企業深陷數千億規模的大型語言模型(LLM,能進行人類般對話與推理的大規模人工智慧)競爭時,真正的創意反而透過利用小巧靈敏的開源 AI 的個人實驗大放異彩。「Isometric SF」證明了 AI 並不是剝奪人類工作的威脅存在,而是能將每個人心中懷抱的童年想像視覺化為現實資料的最溫柔魔法畫筆。


參考資料

  1. Show HN: Isometric SF – A pixel-art map of the SF Bay Area
  2. Isometric San Francisco: 3 pixel-art maps — Isometric Cities
  3. Isometric SF — Justin Chavez
  4. Isometric San Francisco
  5. Tiny València · a pixel-art map of the city
AD
測試你的理解
Q1. 作為 Isometric SF 專案基礎的實際地理資料是什麼?
  • Google 光學真實感 3D 圖塊 (Google Photorealistic 3D Tiles)
  • 開放街圖 (OpenStreetMap)
  • Apple 3D 地圖資料
賈斯汀·查韋斯利用 Google 光學真實感 3D 圖塊資料,將舊金山灣區轉化為像素藝術風格。
Q2. 在最終地圖製作過程中,為了將成本降至 1/4 水平而訓練的是什麼?
  • Nano Banana 2 LoRA
  • Klein 4B LoRA
  • GPT-5 視覺模型
初期原型使用了 Nano Banana 2,但在最終地圖中,使用了基於 Qwen 訓練的 Klein 4B LoRA,大幅降低了成本。
Q3. 這個專案涵蓋的舊金山灣區總面積是多少?
  • 130 平方英里
  • 1,300 平方英里
  • 13,000 平方英里
這個專案將舊金山灣區長達 1,300 平方英里的廣闊區域收錄在像素藝術地圖中。