iT邦幫忙

2026 iThome 鐵人賽

DAY 15
0
Vibe Coding

學生身份如何每天透過Vibe Coding每天做跨領域的創新項目系列 第 15 篇

Day 15 我們從地圖出發,用遊戲化的方式,不單單是要了解地域文化,向前推演,還要看這個地方的未來!

  • 分享至 

  • xImage
  •  

【Day 15】我們從地圖出發,用遊戲化的方式,不單單是要了解地域文化,向前推演,還要看這個地方的未來!

工廠區的未來我們用預測加數位體驗呈現的midjourney示意圖
▲ 圖 1:工廠區的未來:以未來學情境預測結合數位體驗呈現的 Midjourney 概念示意圖

身為一個會寫科幻故事的人,
有時候故事來源是對身邊的人事物作觀察,
而科幻特別要加上對未來進行預測,
可能是跟科技管理一樣對市場進行觀察從而預測,
也有可能是做全方位的未來學未來情境測,
看著自己生活的街頭,
你有想過在未來,
這個地方會變好?還是變差?


日常觀察與創作背景:科幻小說家的近未來推演習慣

話說雖然自己偶爾會說自己是個業餘投稿作家,幾乎每年只會透過一篇短篇小說刊登,最近這兩三年都可能是聚焦在近未來有科技元素的文學故事上面,例如說〈囍不喜〉描寫 VR 體驗與冥婚,〈降靈之際〉談及 AI 開發者到治理官的心態歷程(但實質上沒記錯還有點恐怖)。自己比較喜歡是根據現時我們從新聞,從身邊,從那引人犯罪的線上購物平台(?)看見的最新科技,從而推演他的各種應用情景。

但是這樣子就有親切感了嗎?可能還可以再加強一點~

還是遊戲化的玩法吧!不過這次利用真實的地圖~我們嘗試再次用便攜式的 vibe coding 方式來進行設計與創作吧。

並且這次選擇的是對於我來說挺熟悉的一個地區,香港黃大仙區的新蒲崗工廠區~

深夜的新蒲崗工廠區照片
▲ 圖 2:深夜的新蒲崗工廠區街景實拍:斑駁廠廈與高密度夾層空間


地方研究:香港黃大仙新蒲崗工廠區的歷史變遷與現況轉型

新蒲崗工廠區是香港九龍東南部一個歷史悠久的工業與商貿區,在 1960 年代隨著香港輕工業起飛而發展起來。這裡曾是塑膠製品、製衣和五金等輕工業的重鎮,如著名的「紅A」塑膠廠(星光實業)和長江製衣廠都在此設立大型廠廈,見證了香港製造業的黃金歲月。

反正上述就是 Google 的 AI 模式給我作補充,而對於我個人觀察來說,隨著香港的製造業工廠北遷去到中國大陸,工廠區的空間陸續在近代有了一個轉型,主要分為三種:

  1. 變成寫字樓;
  2. 變成工廠區樓上娛樂場所:例如說 party room,Band 房;
  3. 變成各種小型教育工作室:例如說 IPSC 訓練場地(這是真的光是新蒲崗好像就有兩三個槍會了),光劍對決訓練場地(這是真的畢竟我在這裡學過),跆拳道訓練場地(正常看見星期六日很多小朋友下課穿跆拳道服飾)。

時代的變遷,可能會帶走一些東西,但留下來的空間可能又會衍生不一樣的文化,像是駱駝漆大廈也從油漆廠房變成了大眾購物的地方,元創方也從前中央書院與已婚警察宿舍變成了文創的地方。地方創生與地方轉型,似乎也會在我們不知不覺當中發生,由慕名而來的人們改變這個地區的用途及文化。


未來學與科幻推演:工廠區在近未來的六大生活情境假設

好吧,但是未來呢?

對於未來這些工廠地區會如何進一步有所轉變,有時候我們都很難去做準確的預測,但是從未來學的角度或者從科技管理的角度可能都可以為這些地方以科幻的方向賦予他們另外一種未來的幻想。

在自己眼中:

  • 未來生活狀態:香港非法居住在工廠區裡面依然是一個社會問題,在法例當中基於土地使用用途及安全等等問題,並不允許人們居住在工廠區裡面的單位,但是香港樓價高企,相對來說工廈的單位租價比較便宜,應該還是有很多人,包括想要逃離空間暴力的年輕人,想要以租借工廠區裡面單位的方式冒險在裡面維持生活。
  • 未來工作狀態:話說大家可能都喜歡在家遠端工作吧,特別是接案及多工處理的文化逐漸豐盛起來,加上大眾都逐漸開始學懂如何製作自己的 AI 員工幫自己完成大量的工作,也包括接下外包工作,讓 AI 完成外包工作,這就變成遊戲其中一個重要的功能了。
  • 未來創新與創業狀態:黑客松、創客松、議題松的文化及風氣逐漸傳到東方,很多創新與創業項目都因為這些活動從而起來或者得到投資者們的注意,舉辦這些活動的地方也有可能從一些大型活動場所變成小型的咖啡廳都會舉辦這些活動。
  • 未來的教育狀態:儘管 AI 如何挑戰現有的教育制度,STEAM、AI、實驗教育依然還是現在及未來持續有的趨勢,家長們也開始重視這方面的需求,儘管世界面臨少子化的問題,但是同樣地很多地區的社會都陸續呈現 M 字化的貧富懸殊問題,這種情況下有錢的夫妻們對於生孩子這件事可能也並非如同我們現時觀察社會一樣如此抗拒並且擁有一定財力與物力去生育孩子並且培育孩子,這是一種推斷但並不一定正確。
  • 未來的文化狀態:AI 情人館(最近柏林的新聞例子)、賽博格潮流、沉浸式體驗等等這些文化在未來依然是重要的趨勢,會不會有各類型追趕著這些前沿科技的小型工作室會在工廠區裡面出現呢?
  • 未來的消費狀態:租金、水電費、網絡費、訂閱費都肯定是未來人們依然需要關注的重要費用項目。變成了遊戲的目標與基礎屬性。

Vibe Coding 實戰 Prompt 提煉:打造 Hyperpop「次工廠」地圖遊戲

這些對未來的想像都會化為以下的 prompt 可以直接導入 AI Studio 變成一款地圖遊戲。

只用手機也能用AI Studio下prompt也能 vibe coding出複雜程式代碼架構的遊戲
▲ 圖 3:只用手機也能在 Google AI Studio 下 Prompt,Vibe Coding 出具備複雜架構的地圖遊戲

建立一個Hyperpop風格遊戲介面,
這是一個以香港的新蒲崗工廠區為地圖(用Map API顯示2D平面地圖)的未來風格遊戲,叫「次工廠」。
每個玩家可以在遊戲開始前設定性別(男、女、不公開)跟姓名跟目標(沉浸式體驗設計師、一人AI工廠架構規劃師、AI虛擬角色設計總監、AI跨媒介應用設計師、AI教育導師)
遊戲背景:20XX年你是一位非法住在工廠區的香港人,早就跟父母脫離關係,每天都為房租、網絡費、水電費、訂閱費而努力,每天儘管不停線上接案(但競爭大,大家都用各種AI Agent接工作但同樣薪金低),另一方自己會走訪新蒲崗工廠區認識不同人。
新蒲崗工廠區同樣有各種地點與人物:
地面的咖啡廳:一個經常舉辦黑客松這些活動並且由各種創新創業的講座,這年頭大家要賺更多的錢只能夠靠創新創業了但是同人也有超多競爭者也可以在這裡找到合作者。
樓上的教育工作室:在過往政策的驅動底下社會呈現M形結構。但是有錢的人卻會生很多小朋友,教育資源是一個很重要的需求,新蒲崗工廠區很早以前便已經轉型成開很多補習班還有兒童活動的地區了,延續下來很多STEAM、AI、實驗教育的機構都在工廠區的樓上單位
各種隱蔽的次文化工作室:賽博格刺青(電路刺青,真的可以讓身體上面連接各種電子零件)、AI虛擬人情人館、電子服裝設計、電子療癒空間(透過藥物(比較傾向補品、吊瓶、液體並以及維他命人員等等的方式)+VR迷幻影像+各種黑科技)這些前衛但是有一定危險性的體驗在各種次文化工作室裡面。
各類型的一人創客空間:各種可以參觀的一人工廠,並且可以委託他們製作各種零件(PCB、各類型印刷、各類型材料)
每一個地方都有漂亮的女生能夠認識然後互相熟絡起來。
每一個地方每一天都會有不同的各類型事情發生自己可以選擇,到底是專注投身自己接案工作,雖然可以賺錢,但是只會變得越來越忙碌,還是嘗試接觸不同的人嘗試投身在的目標上,讓自己有機會突圍而出找到另外一份工作。還是可以選擇累積自己的作品集從而在關鍵的比賽或者關鍵的項目上面可以尋求合作或者應徵到工作。目標是必須要在一個月之後賺取繳交所有費用的金錢外,看能不能有額外的成果。

💡 提示:以上內容直接複製並傳送至支援多檔案生成的 AI 工具(如 Google AI Studio、Antigravity),即可全自動生成具備 2D 地圖與互動狀態機的「次工廠」完整專案架構!


OpenStreetMap(OSM)的導入與跨界反思:賦予真實地理全新未來意義

最後有導入OSM地圖的遊戲畫面一部份!雖然與實際地方有些距離但還是能夠調整的!
▲ 圖 4:導入 OpenStreetMap(OSM)圖資的遊戲原型畫面實拍:結合實體建築與虛擬科技節點

這次的 prompt 比較長一點,但是始終對於未來推測這件事涉及的領域就包括了對科技新聞、科技文化、地域文化等等等等進行了解,消化後得出個人的見解,所以才會有各類型的元素組合起來的情況出現。

當然地圖的顯示我選擇的是插入 OpenStreetMap(開放街圖,簡稱 OSM)是自由而且開源的全球地圖,在真實的場景上添加一些虛擬的節點,為這些節點賦予全新的意義及故事內容,我們為真實的場景對他的未來進行預測,並且我們透過遊戲化的互動方式,想像我們在這些地區未來的生活會是怎麼樣的。

雖然只是地圖的插入,但是做出的成果及不單單只是對地理上面的認識,加上對其他領域的認識,我們可以對這番地貌產生全新的想像,甚至不一定是不可能發生的,這就是科幻、未來學、科技預測的迷人之處。


📌 本篇重點整理

核心維度 重點摘要
地方研究與文化脈絡 數位的地圖是一回事,但你真的對這個地方的文化了解嗎?除了網絡上的資訊外,親身走過這個地方所得到的體驗是獨一無二的,將個體化的真實體驗與線上數位資源結合,能產出極具獨特性的作品。
OSM 圖資的虛實連結 OpenStreetMap(開放街圖,OSM)的插入讓我們透過軟體與真實世界作連結,並在此之上賦予地圖更多層次的意義:介紹過去歷史、呈現當前文化、演繹未來詮釋。
Vibe Coding 的沉浸感賦能 Vibe coding 可以產出許多科幻且酷炫的產物,但適當地與真實地理環境連結,不僅能大幅提升使用者的沉浸感(「這是我生活的地方呢!」),更能賦予實體空間全新的文化生命。
未來學推演六大情境 透過空間暴力、遠端接案、黑客松文化、M形教育、次文化前衛體驗與剛性生活帳單六大維度,將現實社會痛點轉化為高黏著度的遊戲化機制。

上一篇
Day 14 便攜式 vibe coding!放假了,我想要不用電腦也能 vibe coding!
下一篇
Day 16 文本?電影海報?線上策展?繞這麼多,其實最後是想要講 QR Code!
系列文
學生身份如何每天透過Vibe Coding每天做跨領域的創新項目 共 19 篇
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言