GPT-4寫代碼,DALL· E 3+MJ搞定畫面,AI版「憤怒的南瓜」來襲

這個「憤怒的南瓜」遊戲玩起來簡單,創建起來卻需要一些訣竅。

原文來源:機器之心

圖片來源:由無界 AI生成

自 GPT 系列對話大模型以及 DALL・E、Midjourney 等文生圖大模型興起以來,基於它們的硬核、有趣二創應用花樣頻出,讓普通人切身地體驗到了大模型的魅力。

今天又一個這樣的遊戲專案引起了我們的注意。

推特使用者 @javilopen 使用 GPT-4、DALL・E 3 和 Midjourney 編寫了小遊戲「憤怒的南瓜」(PS:如有雷同純屬巧合),其中 GPT-4 負責所有的編碼工作,DALL・E 3 和 Midjourney 負責圖形部分。

遊戲畫面、效果怎麼樣呢? 從以下幾張動圖來看,似乎是分辨不出它是大模型生成的。

小夥伴們也可以試玩,還能自己創造關卡。 不過,它目前還不支持手機端運行。

試玩位址:

接著來看這款「憤怒的南瓜」的實現流程和 細節。

首先是圖形,這也是最簡單的部分。 以下是 分享:

標題螢幕(使用 GPT-4 裡的 DALL・E 3):名為「Angry Pumpkins」電子遊戲的橫向主螢幕圖片。 設計參考「憤怒的小鳥」美術風格,但又有所不同。 鬼屋、墓碑和蝙蝠等萬聖節元素填充背景。 遊戲徽標位於中心頂部的顯著位置,兩側是生氣、虎視眈眈的南瓜造型。 底部中央有一個「Play」按鈕,周圍環繞著陰森恐怖的霧氣。

“名為”憤怒的南瓜“的視頻遊戲的水平充滿活力的主螢幕照片。該設計的靈感來自「憤怒的小鳥」遊戲美學,但有所不同。鬼屋、墓碑和蝙蝠等萬聖節元素佔據了背景。遊戲標誌在中央頂部醒目地展示,風格化的南瓜角色看起來很生氣,隨時準備在兩側採取行動。'播放'按鈕位於底部中央,周圍環繞著詭異的霧氣。

背景圖(使用 Midjourney),作者使用了一張圖片作為背景(並進行了多次修補),圖片的 為:iPhone 截圖中「憤怒的小鳥」的天際線,萬聖節版,墓地,風格為淺海藍寶石和橙色,新傳統主義,kerem beyit, earthworks,木頭,Xbox 360 圖像,淺粉色和海軍藍 —— 比例為 8:5。 ”

“憤怒的小鳥天際線在iPhone截圖,萬聖節版,墓地,淺海藍寶石和橙色的風格,新傳統主義,kerem beyit,土方工程,木材,Xbox 360圖形,淺粉色和海軍藍--ar 8:5”

另一張裁剪之後用來生成地面:2d 平臺、石磚、萬聖節、2d 電子遊戲地形、2d 平台遊戲、萬聖節場景、類似於憤怒的小鳥、萬聖節場景、截圖、遊戲資源 —— 比例為 8:5。

“2d平臺,石磚,萬聖節,2d視頻遊戲地形,2d平臺遊戲,萬聖節場景,類似於憤怒的小鳥,金屬蛞蝓萬聖節,屏幕截圖,遊戲內資產--ar 8:5”

接下來,就要生成遊戲中的角色了,作者使用 Midjourney 完成了創作。

  • 萬聖節南瓜,遊戲精靈圖,萬聖節版,簡易精靈圖,2D,白色背景
  • 萬聖節綠色怪物,憨態可掬,遊戲精靈圖,萬聖節版,簡易精靈圖,2D,白背景

“萬聖節南瓜,遊戲中的精靈,但萬聖節版,簡單的精靈,2d,白色背景”

“綠色萬聖節怪物,愚蠢,有趣,遊戲內精靈,但萬聖節版,簡單精靈,2d,白色背景”

當然,遊戲中的物體也是作者使用 Midjourne 製作的。 作者創建了各種精靈圖樣式表,然後用 Photoshop/Photopea 裁剪並移除背景。 對於小細節,作者使用 Midjourney 進行修補。

  • 木箱,物品資源精靈圖,白色背景,遊戲精靈圖。
  • 骷髏骨,大型骨骼,物品資源精靈圖,白色背景,遊戲精靈圖。
  • 長方形石頭,物品資源精靈圖,白色背景,遊戲精靈圖。
  • 木箱,大型骨骼,物品資源精靈圖,白色背景,遊戲精靈圖。
  • 物品資源精靈圖,木板,白色背景,遊戲精靈圖,類似「憤怒的小鳥」風格。

“木箱。物品資產精靈。白色背景。遊戲內精靈“

“骷髏骨頭。大骨架骨頭。物品資產精靈。白色背景。遊戲內精靈“

“長方形石頭。物品資產精靈。白色背景。遊戲內精靈“

“木箱。大骨架骨頭。物品資產精靈。白色背景。遊戲內精靈“

“物品資產精靈。木板。白色背景。遊戲內精靈。與《憤怒的小鳥》風格相似“

最後程式設計部分使用了 GPT-4。 作者表示,這個遊戲的代碼僅有 600 行,完全由 GPT-4 代寫。

完整代碼可見:

作者在遊戲中加入了很多細節,比如不同的粒子效果、不同種類的物體。 不過到目前為止,GPT-4 還不能僅憑一個 就能生成完整的遊戲。

因此,他使用的竅門是循序漸進向 GPT-4 提出要求,這與人類程式設計方式相似,先從簡單可行的基礎開始,然後不斷反覆運算、拓展、優化代碼。

他使用了一些小技巧和 ,首先從簡單的事情開始做起,比如「我能不能使用 matter.js 和 p5.js 創建一個憤怒的小鳥風格的遊戲? 只需要用滑鼠控制,設定好發射角度和力度,然後撞擊一堆由 2D 物理效果堆疊的箱子。」

接著持續添加更多的元素和功能,遇到問題詳細說明錯誤的地方,讓程式自我修正。 比如「現在我問你,你瞭解憤怒的小鳥遊戲中玩家在螢幕上滑動手指來發射小鳥嗎? 把這種方式添加到要創建的遊戲裡,不過要改成用滑鼠控制。」

再比如「把怪物設計成圓形」、「我想用粒子效果製作一個火炬,是否可以通過 p5.js 來實現?」 如此種種,不斷與 GPT-4 進行交互試驗,最終有了現在的遊戲效果。

這個純 AI 版本的「憤怒的南瓜」,你心水了嗎?

查看原文
此頁面可能包含第三方內容,僅供參考(非陳述或保證),不應被視為 Gate 認可其觀點表述,也不得被視為財務或專業建議。詳見聲明
  • 讚賞
  • 留言
  • 分享
留言
0/400
暫無留言
交易,隨時隨地
qrCode
掃碼下載 Gate APP
社群列表
繁體中文
  • 简体中文
  • English
  • Tiếng Việt
  • 繁體中文
  • Español
  • Русский
  • Français (Afrique)
  • Português (Portugal)
  • Bahasa Indonesia
  • 日本語
  • بالعربية
  • Українська
  • Português (Brasil)