Re: [創作] 用 Gemini AI 做的 DOOM 網頁遊戲
※ 引述《jeremy7986 (洛米)》之銘言:
: 嗨大家好!
: 最近 Gemini 3.0 推出
: 我就非常好奇他的實力到底進步多少
: 之前我有用 Gemini 2.5 做出了一個東方彈幕小遊戲
: 那 Gemini 3.0 是否能做出其他類型或是更複雜的遊戲,最近我就一直在實驗
: 而這就是我的結果了:
: 沒錯
: 一個類3D(2.5D)的FPS射擊小遊戲!
: 遊玩連結:
: https://keen-semifreddo-d4fec8.netlify.app/doomjs
: -全程幾乎都讓 Gemini 3.0 去寫程式,也就是 vibe coding
: -除非 AI 太笨一直做不出我想要的東西,我才會手動去調整
: -這個遊戲我手動調整的地方有:敵人等物件離地板的高度、牆壁高度、槍械圖像物件微調
: 、音樂我是抓 DOOM E1M1 的 MIDI 檔轉成 abc 檔後給網頁播,其餘都是我下指令與要求
: 後讓 AI 去完成的
: -這並非一體成形的結果,大概是跟 AI 前前後後交互了快 70 次才有的結果,包括修 BUG
: 、細項調整等
: 在最一開始初期的版本,是長這樣的
: 轉向還只能用方向鍵去轉,跟德軍總部1代一樣非常原始的玩法wwww
: https://i.meee.com.tw/v0RUG4t.gif

: 在後來不斷的試玩與調整下
: 才有現在這樣的模樣
: 鍵鼠操控、右鍵瞄準、音樂音效、火花與血液濺射特效等
: https://i.meee.com.tw/ZtUCOaF.gif



: 不得不說
: AI 工具是真的非常強大
: 你要在幾年前沒有 AI 工具的我在三天內做出同等級規模的作品
: 我會跟你說這至少要好幾個禮拜(不包含找資料爬文解惑的時間),才三天根本痴人說夢
: 而 Gemini 3.0 是真的很聰明,很強大
: 雖然還是偶爾會產出不明所以的回答或是瞎掰等 AI 常見的通病
: 但錯誤率跟 2.5 比起來已經少很多,而且幾乎有問必答
: 以前很常會因為技術性問題卡關的問題,在 AI 解惑下很容易就能找到答案
: 例如,在做這個遊戲時
: 發現了子彈有時候明明打到敵人卻沒有任何反應的問題
: 但是只要敵人動一下就又能打中了,將以上問題整理後給 AI
: AI 判斷是因為子彈過快所以子彈每偵移動時,敵人剛好就在每幀移動的中間所以判斷不到
: 不僅如此還給了我解決的方法,在每偵判斷時再細分途中的路徑去判斷,因此解決了問題
: 大概就是這樣
: 分享一下這個 DOOM 網頁遊戲的原始碼
: 給任何有興趣瞭解原始碼的版友看看囉
: 祝各位聖誕佳節快樂~
: https://reurl.cc/R99p9D
嗨大家好!
因為想繼續嘗試研究,加上自己很喜歡一頭熱栽進遊戲裡面
所以又花了大概四天左右的時間去奴役AI把這個遊戲加內容升級
於是,一個有完整流程的射擊小遊戲做好啦!
https://i.meee.com.tw/Ip1vm42.png

2.0 版遊玩連結
https://lucky-torte-1cce0e.netlify.app/doomgemini
-一樣全程讓 Gemini 3.0 去寫程式,除非 AI 做不出想要的東西才會手動去調
-這次手動調的地方一樣是:物件離地板的高度、圖像細節、關卡配置(AI的關卡配置不是
說不能玩,只是就像用腳填配置),敵人數值平衡、槍械數值平衡,其餘一樣都是下指令
讓AI去完成
-抓了五首 DOOM 的配樂 MIDI 版做為BGM
-除了 MIDI 是抓檔案的,其餘圖像跟音效都是用程式拉的
所以這遊戲總共的容量只有 542 KB 而已
2.0 版主要更新的內容有:
-新增開頭畫面
-新增轉場特效
-重編UI排版
-新增表情UI系統
-改版配樂系統,並使用 MIDI 音樂播放
-玩家能使用的武器種類從3種增加到6種
-改善敵人路徑找尋,避免卡牆
-新增關卡系統,一共有十關可以遊玩
-新增敵人種類,包括BOSS一共有13種
-新增掉落物種類,包括武器補血道具等一共有10種
-新增爆炸桶物件機制
-新增傷害顯示器,在受傷時可以顯示攻擊方向的來源
新增的武器中
狙擊步槍可以方便攻擊遠處的敵人,而且子彈還具有貫穿效果,能一次攻擊一整排的敵人
https://i.meee.com.tw/LKMi9FJ.gif

火箭砲爆炸範圍廣,攻擊力高
可以解決一整堆雜魚的同時,享受血肉橫飛的特效
https://i.meee.com.tw/6hLxDNw.gif

電漿槍攻擊力更高,射擊更準
除了裝彈更久以及子彈飛有點慢以外,基本上就是衝鋒槍的上位版
https://i.meee.com.tw/IDH9WJG.gif

地圖上可以看到綠色的桶子,可以射擊該物件引爆它
https://i.meee.com.tw/yztjHWb.gif

傷害顯示器,可以用這個系統更直覺找尋傷害的來源
我在做這個系統時,才學到原來傷害顯示器指示的不是子彈最後的位置,而是射擊該子彈
的敵人位置
https://i.meee.com.tw/wGBaO1I.gif

除了路徑找尋系統的改善讓怪物不太會卡牆外
人形的敵人以及部分敵人還會左閃右閃來嘗試躲避玩家的攻擊
人形的敵人從拿手槍的到拿衝鋒槍的都有,要特別小心拿霰彈槍的,不要離他太近
https://i.meee.com.tw/1MoArfV.gif



之前的版本,敵人只有小惡魔一種而已
現在這個版本有很多種類的敵人,隨著關卡推進會看到越來越多種類
比如這個不知道為什麼這 AI 畫出來的圖像很像是會想跟你交流交流的地獄騎士
https://i.meee.com.tw/xA1TDDT.gif

比如這個會想衝過來跟你咬咬蹭蹭的粉紅魔
https://i.meee.com.tw/bg1syzK.gif

比如這個行動緩慢,血量厚實的肥宅。
有玩過 DOOM 2016 版的大概也看過那代還多了戴上VR眼鏡版本的肥宅。
https://i.meee.com.tw/R5tkVnu.gif

比如這個 DOOM 系列的吉祥物怪獸,巨腦魔
https://i.meee.com.tw/gEejwZE.gif

還有不管是在哪一代的 DOOM 都是瞎機掰難打
連這個小遊戲也不例外的亡魂 aka 骷髏小喇叭手
https://i.meee.com.tw/t8S2wQT.gif

當然,如果你覺得玩這小遊戲也不想要花費太多精力
這個小遊戲一樣有密技可以打
開燈就可以看到
跟DOOM一樣的密技
iddqd無敵
idkfa全武器血量裝甲
一樣把原始碼放出來給有興趣研究的版友
https://reurl.cc/rKkZ1O
這個小遊戲就當作是聖誕禮物送給版友囉!
再次祝大家聖誕節快樂!
--
https://x.com/501goushitsu/status/1999794365288657394
https://pbs.twimg.com/media/G8CyX12bcAAZdZ7.jpg

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 118.167.241.112 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/C_Chat/M.1766454227.A.C50.html
推
12/23 09:50,
1小時前
, 1F
12/23 09:50, 1F
推
12/23 09:57,
1小時前
, 2F
12/23 09:57, 2F
推
12/23 09:59,
1小時前
, 3F
12/23 09:59, 3F
以我使用 Gemini 3.0 的體感
他已經好用到不知道抓了多少單位的程式資料學習才有現在這樣的聰明等級
※ 編輯: jeremy7986 (118.167.241.112 臺灣), 12/23/2025 10:06:06
※ error405:轉錄至看板 AI_Art 12/23 10:26
推
12/23 10:30,
1小時前
, 4F
12/23 10:30, 4F
2.5D喔 這些都是用算出來的
※ 編輯: jeremy7986 (211.75.187.47 臺灣), 12/23/2025 11:03:21
討論串 (同標題文章)
完整討論串 (本文為第 2 之 2 篇):
C_Chat 近期熱門文章
PTT動漫區 即時熱門文章