方格精選

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
湯編驛-湯姆實驗室
17會員
68內容數
這邊會放一些我自己的分享內容,實驗測試還有做的MVP介紹
你可能也想看
Thumbnail
在 vocus 與你一起探索內容、發掘靈感的路上,我們又將啟動新的冒險——vocus App 正式推出! 現在起,你可以在 iOS App Store 下載全新上架的 vocus App。 無論是在通勤路上、日常空檔,或一天結束後的放鬆時刻,都能自在沈浸在內容宇宙中。
Thumbnail
在 vocus 與你一起探索內容、發掘靈感的路上,我們又將啟動新的冒險——vocus App 正式推出! 現在起,你可以在 iOS App Store 下載全新上架的 vocus App。 無論是在通勤路上、日常空檔,或一天結束後的放鬆時刻,都能自在沈浸在內容宇宙中。
Thumbnail
市場經驗拉長之後,很多投資人都會遇到同一個問題:不是方向看錯,而是部位太集中個股,常常跟大趨勢脫節。 早年的台股環境,中小股非常吃香,反而權值股不動,但QE量化寬鬆後,特別是疫情之後,後疫情時代,鈔票大量在股市走動,這些大資金只能往權值股走,因此早年小P的策略偏向中小型個股,但近年AI興起,高技術
Thumbnail
市場經驗拉長之後,很多投資人都會遇到同一個問題:不是方向看錯,而是部位太集中個股,常常跟大趨勢脫節。 早年的台股環境,中小股非常吃香,反而權值股不動,但QE量化寬鬆後,特別是疫情之後,後疫情時代,鈔票大量在股市走動,這些大資金只能往權值股走,因此早年小P的策略偏向中小型個股,但近年AI興起,高技術
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構思不同選擇與相對應
Thumbnail
這篇文章分享了作者參加的一場由數發協會主辦的遊戲相關講座,主題是創作與創業心態的比較,強調了對自己初衷的思考和找到最適合自己的創作模式的重要性。作者對講座的啟發和心得表示肯定,並推薦給讀者。文章最後提到數發協會的YouTube頻道上有許多免費的講座和開發團隊訪談,作者特別推薦了幾個自己感興趣的內容。
Thumbnail
這篇文章分享了作者參加的一場由數發協會主辦的遊戲相關講座,主題是創作與創業心態的比較,強調了對自己初衷的思考和找到最適合自己的創作模式的重要性。作者對講座的啟發和心得表示肯定,並推薦給讀者。文章最後提到數發協會的YouTube頻道上有許多免費的講座和開發團隊訪談,作者特別推薦了幾個自己感興趣的內容。
Thumbnail
Yup、開始創作。 就創作吧! 除了創作,還是只能創作。 搜尋了關鍵字, 閱讀了文章, 問了chatgpt, 問了那神秘的內心, 沒有半點收穫。 不想成為抱怨的人, 不想對自己貼標籤, 只能點擊開始創作, 打擊自己, 擊中自己, 揪出真實的自己。 有好的事,也有壞
Thumbnail
Yup、開始創作。 就創作吧! 除了創作,還是只能創作。 搜尋了關鍵字, 閱讀了文章, 問了chatgpt, 問了那神秘的內心, 沒有半點收穫。 不想成為抱怨的人, 不想對自己貼標籤, 只能點擊開始創作, 打擊自己, 擊中自己, 揪出真實的自己。 有好的事,也有壞
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News