方格精選

GPT-5 遊戲開發實戰:從薩爾達到吸血鬼倖存者,AI 讓遊戲創作觸手可及

更新於 發佈於 閱讀時間約 9 分鐘

最近gpt 更新到 gpt5了,來試試看新功能。小抱怨 第一天上線 免費用戶都有了,結果我有付錢的 pro 用戶都還沒有!!!

其實我一直想做遊戲,但我也不太知道怎麼作。從我學寫程式一開始就想做,但總覺得要讀很多資料,才做得出來。時間也不夠就一直沒開始。

最近 OpenAI 發布了 GPT-5,我迫不及待想要試試看。不過說到這裡,我要小小抱怨一下:第一天上線時免費用戶都能使用了,結果我有付費的 Pro 用戶反而還不能用!讓我好傷心。

雖然有點小波折,但最終還是成功體驗到了 GPT-5 的強大功能。

寫程式的人的遊戲夢

我想每個學寫程式的人都會有夢想過-寫一款自己的遊戲吧!其實從我開始學寫程式的那一刻起,我就一直想做一款屬於自己的遊戲。現實總是殘酷的。遊戲開發門檻極高,需要掌握圖形學、物理引擎、音效處理、遊戲邏輯等各種複雜的技術。每次想要開始時,看著那些厚重的技術文檔和教學影片,加上平時工作繁忙,就會連開始都沒開始。

不過進幾年因為 AI 工具的發展,我倒是都會AI做做看小遊戲來玩玩看M,從一開始的 gpt 3.5 其實就做得出來了,只是你需要有背景知識幫他 debug。但這次的 gpt5 幾乎不用人工介入就可以執行了。

類似薩爾達的遊戲

GPT-5 號稱能力大幅提升,那請他做個遊戲來測試看看吧!我決定從經典開始——製作一個類似任天堂紅白機時代薩爾達傳說風格的遊戲。

紅白機的薩爾達傳說

紅白機的薩爾達傳說

於是我向 GPT-5 下達了第一個指令:

可以幫我作一個 類似以前 任天堂的薩爾達遊戲 demo嗎?

第一次嘗試:Python 實作

GPT-5 很快就回應了我的請求,並且選擇使用 Python 來實作這個遊戲。雖然 Python 是一個很棒的程式語言,但對於遊戲展示來說並不是最理想的選擇。Python 遊戲通常需要安裝特定的環境和依賴包,這讓分享和展示變得相當麻煩。

更重要的是,我希望能做出一個可以在瀏覽器中直接運行的遊戲,這樣不管是自己測試還是分享給朋友都會更加方便。

使用 HTML

因為網頁展示方便,也好測試。於是我向 GPT-5 提出了新的要求:

可以使用 HTML 實作嗎?

「當然可以!」GPT-5 毫不猶豫地回答道。

GPT-5 開始使用純 HTML、CSS 和 JavaScript,基於 Canvas API 來構建這個遊戲。沒有使用任何複雜的遊戲引擎,就是一個單純的 HTML 文件,但卻包含了完整的遊戲功能。真的很厲害!

令人驚豔的結果

當我第一次運行這個遊戲時,真的被震撼到了。雖然人物和怪物的像素風格相當簡陋,但是遊戲的核心機制都有確實做出來了:

  • 角色控制系統:玩家可以用方向鍵控制角色在地圖上移動,移動感覺流暢自然
  • 戰鬥系統:按空白鍵可以揮劍攻擊,劍的揮擊動畫和攻擊判定是OK的
  • 敵人 AI:史萊姆怪物會主動追逐玩家,被攻擊後會掉落金幣
  • 地形系統:水域和樹木形成了不可通過的障礙,需要玩家繞行
  • 遊戲狀態管理:包含生命值、金幣系統,被怪物攻擊會扣血
  • 粒子效果:攻擊時的特效和金幣掉落的動畫

這已經是一個相當完整的遊戲原型了!對於紅白機時代薩爾達傳說的還原度,我覺得已經算完成度很高了!。那種探索、戰鬥、收集的核心遊戲樂趣完全體現出來了。

薩爾達like遊戲 demo

薩爾達like遊戲 demo

專案轉換成 typescript

雖然對 GPT-5 的成果已經相當滿意,但作為一個開發者,我總是希望專案可以更好維護,結構夠好。單一的 HTML 文件雖然方便,但對於後續的開發和擴展並不友善。

於是我向 GPT-5 提出了新的挑戰:

幫我把專案轉成 TypeScript

這次 GPT-5 展現了更加強大的能力。它不僅僅是簡單地把 JavaScript 轉換為 TypeScript,而是重新設計了整個專案架構。GPT-5 使用 Python 腳本來處理文件分割和重構,最終生成了一個完整的 TypeScript 專案並打包成 zip 文件供我下載。

專案架構

下載並解壓後,我看到了一個結構清晰、組織良好的專案,至少我一看就知道這些檔案是作什麼的,如果要修改可以去哪裡修改。

zelda-like-typescript-vite/
├─ index.html # 入口頁面
├─ package.json # 專案依賴配置
├─ tsconfig.json # TypeScript 配置
├─ vite.config.ts # Vite 建構工具配置
├─ src/
│ ├─ main.ts # 主要入口點
│ ├─ core/ # 核心工具類
│ │ ├─ math.ts # 數學計算工具
│ │ └─ types.ts # 型別定義
│ ├─ engine/ # 遊戲引擎層
│ │ ├─ assets.ts # 資源管理
│ │ ├─ camera.ts # 攝影機系統
│ │ ├─ keyboard.ts # 輸入處理
│ │ └─ renderer.ts # 渲染引擎
│ └─ game/ # 遊戲邏輯層
│ ├─ constants.ts # 遊戲常數
│ ├─ particles.ts # 粒子系統
│ ├─ player.ts # 玩家邏輯
│ ├─ rupee.ts # 金幣系統
│ ├─ slime.ts # 敵人邏輯
│ ├─ tilemap.ts # 地圖系統
│ └─ world.ts # 遊戲世界

每個模組的職責分工明確,未來如果要添加新功能或修改現有功能都會很方便。

老實說,我一開始實在很懷疑他給我的專案是不是真的可以跑。 yarn , yarn dev 。欸 果然有錯誤!跑不動。

不過沒關係,請 cursor AI 修修看。把終端機上面的錯誤傳到 cursor AI 聊天室

幫我修正這個錯誤。

cursor 修改錯誤

cursor 修改錯誤

過了一下子,欸!結果真的可以動了!就和再 gpt 上面使用 畫布執行的一樣。不一樣的是,他真的把原本 一頁html 寫的專案,改成用 typescript,而且專案結構分的還不錯,至少一看就知道。

改成吸血鬼倖存者

當我在測試gpt實作的薩爾達like的遊戲,突然想到了另一個近年來非常火紅的遊戲類型——吸血鬼倖存者(Vampire Survivors)。這是一款以大量敵人、自動攻擊、角色升級為核心的生存遊戲。

我好奇 GPT-5 是否能夠理解並實現這種完全不同的遊戲機制,於是提出了新的挑戰:

幫我把遊戲改成類似吸血鬼倖存者風格。

遊戲類型的完美轉換

GPT-5 再次展現了它的理解能力和創造力。它不僅僅是簡單地修改現有的遊戲機制,而是深度理解了吸血鬼倖存者的核心玩法,並將其完美地融入到現有的技術架構中:

  • 大量敵人系統:畫面中同時出現數十個敵人,形成壓迫感十足的包圍圈
  • 自動攻擊機制:玩家不再需要手動攻擊,武器會自動對最近的敵人造成傷害
  • 經驗值和升級系統:包含經典的經驗條,擊敗敵人可以獲得經驗值
  • 多樣化武器:不同的武器有不同的攻擊模式和效果
  • 視覺回饋增強:添加了螢幕震動效果,讓戰鬥更有衝擊感

這種轉換的流暢程度讓我印象深刻。GPT-5 不僅理解了我的需求,還自主地添加了許多增強遊戲體驗的細節。

吸血鬼倖存者 like 遊戲 demo

吸血鬼倖存者 like 遊戲 demo

創作的新時代

這次的 GPT-5 的小遊戲測試讓我覺得未來遊戲創作的可能性。我們正處在一個轉折點上,技術實現不再是創意的瓶頸。任何有想法的人都可以快速將腦中的概念轉化為可以體驗的產品。

對於有想過要作自己遊戲的朋友,我的建議是:不要再因為技術門檻或是覺得要花時間學習而猶豫,大膽地開始你的第一個遊戲吧!在 AI 的協助下,從想法到可玩遊戲的距離比你想像的要短得多。

我覺得會美術的人也可以開始試試看,畢竟程式背後掌怎樣玩家也看不到,吸引人的是美術設計。

老實說,AI 現在這麼強大,真的會讓人開始擔心軟體工程師是不是真的快沒工作了。


你也想試試看嗎?

看完我的 GPT-5 遊戲開發體驗,你有什麼想法呢?

留言告訴我:

  • 🎮 你最想做什麼類型的遊戲?
  • 🤖 你覺得 AI 會取代程式設計師嗎?
  • 💡 你有遇到什麼有趣的 AI 開發經驗嗎?

分享你的想法,讓我們一起討論!

留言
avatar-img
留言分享你的想法!
avatar-img
Tom的沙龍
8會員
38內容數
我是一個從科技業轉職的軟體工程師
你可能也想看
Thumbnail
介紹一個優質的遊戲知識部落格:遊戲設計中藥鋪,其中「Game Design 資源分享表」十分推薦遊戲開發者閱讀。另外提到Gamker攻壳是一個專業的遊戲評鑑頻道,其深入的評論幫助作者入坑《健身環大冒險》。作者在後記也分享了自己在遊戲開發上的經歷和挑戰。
Thumbnail
介紹一個優質的遊戲知識部落格:遊戲設計中藥鋪,其中「Game Design 資源分享表」十分推薦遊戲開發者閱讀。另外提到Gamker攻壳是一個專業的遊戲評鑑頻道,其深入的評論幫助作者入坑《健身環大冒險》。作者在後記也分享了自己在遊戲開發上的經歷和挑戰。
Thumbnail
遊戲產業似乎從很久以前,各種玩法的類型都已經確立了下來。現在新出品的遊戲,更像是已有玩法機制的排列組合、重新包裝。比起遊戲本身,遊戲公司更願意把創意放在有明確衡量標準的部分,如:劇情、音樂、特效…等。久而久之,人們對遊戲的評價越來越取決於美術、故事等決定表現力的指標...
Thumbnail
遊戲產業似乎從很久以前,各種玩法的類型都已經確立了下來。現在新出品的遊戲,更像是已有玩法機制的排列組合、重新包裝。比起遊戲本身,遊戲公司更願意把創意放在有明確衡量標準的部分,如:劇情、音樂、特效…等。久而久之,人們對遊戲的評價越來越取決於美術、故事等決定表現力的指標...
Thumbnail
一個獨立開發者,立志打造顛覆性的遊戲體驗,在開拓全新玩法的道路上,砥礪前行。 大家好,我正在開發一款獨立遊戲,以魔法戰鬥為主題,如果想要嘗試遊戲的demo,歡迎到下方連結處,加入我的Discord群組。 魔法與戰鬥的世界---開發中的遊戲   這款遊戲發生在一個飄浮於雲端之上的世界,
Thumbnail
一個獨立開發者,立志打造顛覆性的遊戲體驗,在開拓全新玩法的道路上,砥礪前行。 大家好,我正在開發一款獨立遊戲,以魔法戰鬥為主題,如果想要嘗試遊戲的demo,歡迎到下方連結處,加入我的Discord群組。 魔法與戰鬥的世界---開發中的遊戲   這款遊戲發生在一個飄浮於雲端之上的世界,
Thumbnail
透過玩桌遊的方式學習AI生成圖像技巧,在充滿樂趣的活動中,學會如何操作工具及生成圖像技巧。這款遊戲預計下個月將開設實體課程,適合所有對AI有興趣的人、AI繪圖新手及藝術愛好者。
Thumbnail
透過玩桌遊的方式學習AI生成圖像技巧,在充滿樂趣的活動中,學會如何操作工具及生成圖像技巧。這款遊戲預計下個月將開設實體課程,適合所有對AI有興趣的人、AI繪圖新手及藝術愛好者。
Thumbnail
Instrumect 是我從2022年10月開始製作的遊戲。 在那之前,其實嘗試過各種大大小小的遊戲開發,包括RPG、橫向射擊、2D平台遊戲等,但最後都熱情耗盡,所有項目皆斷尾(ゝ∀・)⌒☆ 當初會選擇開發那些類型,不外乎考慮市場熱門程度和製作難易度。而最後會沒了熱情,是因為我對那類遊戲興趣沒很
Thumbnail
Instrumect 是我從2022年10月開始製作的遊戲。 在那之前,其實嘗試過各種大大小小的遊戲開發,包括RPG、橫向射擊、2D平台遊戲等,但最後都熱情耗盡,所有項目皆斷尾(ゝ∀・)⌒☆ 當初會選擇開發那些類型,不外乎考慮市場熱門程度和製作難易度。而最後會沒了熱情,是因為我對那類遊戲興趣沒很
Thumbnail
作者回顧過去擔任PM主導動漫風手遊專案的經驗,分享專案背後的故事以及對卡通渲染技術的個人興趣。後記並附上了近期學習3D建模&卡通渲染的小小成果。
Thumbnail
作者回顧過去擔任PM主導動漫風手遊專案的經驗,分享專案背後的故事以及對卡通渲染技術的個人興趣。後記並附上了近期學習3D建模&卡通渲染的小小成果。
Thumbnail
🎮 探索無限可能:專業電玩遊戲企劃與設計服務 🎮 妳好! 我是 幸福課程 幸福教練黃老師 潮資訊媒體 一位熱愛創作和挑戰未來的電玩遊戲專業企劃 我致力於將無數玩家的夢想變為現實, 無論妳是尋找獨特的遊戲體驗, 還是希望開發下一款爆款遊戲, 我都希望能協助妳達成目標。
Thumbnail
🎮 探索無限可能:專業電玩遊戲企劃與設計服務 🎮 妳好! 我是 幸福課程 幸福教練黃老師 潮資訊媒體 一位熱愛創作和挑戰未來的電玩遊戲專業企劃 我致力於將無數玩家的夢想變為現實, 無論妳是尋找獨特的遊戲體驗, 還是希望開發下一款爆款遊戲, 我都希望能協助妳達成目標。
Thumbnail
故事開始,前一陣子找到以前上電腦課時,用MIT App inventor復刻經典的Zelda薩爾達跟Pokemon寶可夢的GBA遊戲,然後突然靈光一閃,決定挑戰在一年內寫完一本小說。 簡單說明工具: 本體內容結構,用AI跟大量閱讀輔助構思劇情 選擇性影響結局,用Twine2構思不同選擇與相對應
Thumbnail
故事開始,前一陣子找到以前上電腦課時,用MIT App inventor復刻經典的Zelda薩爾達跟Pokemon寶可夢的GBA遊戲,然後突然靈光一閃,決定挑戰在一年內寫完一本小說。 簡單說明工具: 本體內容結構,用AI跟大量閱讀輔助構思劇情 選擇性影響結局,用Twine2構思不同選擇與相對應
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News