GPT-4寫(xiě)代碼,DALL·E 3+MJ搞定畫(huà)面,AI版「憤怒的南瓜」來(lái)襲
自 GPT 系列對(duì)話大模型以及 DALL?E、Midjourney 等文生圖大模型興起以來(lái),基于它們的硬核、有趣二創(chuàng)應(yīng)用花樣頻出,讓普通人切身地體驗(yàn)到了大模型的魅力。
今天又一個(gè)這樣的游戲項(xiàng)目引起了我們的注意。
推特用戶 @javilopen 使用 GPT-4、DALL?E 3 和 Midjourney 編寫(xiě)了小游戲「憤怒的南瓜」(PS:如有雷同純屬巧合),其中 GPT-4 負(fù)責(zé)所有的編碼工作,DALL?E 3 和 Midjourney 負(fù)責(zé)圖形部分。
游戲畫(huà)面、效果怎么樣呢?從以下幾張動(dòng)圖來(lái)看,似乎是分辨不出它是大模型生成的。
小伙伴們也可以試玩,還能自己創(chuàng)造關(guān)卡。不過(guò),它目前還不支持手機(jī)端運(yùn)行。
試玩地址:https://bestaiprompts.art/angry-pumpkins/index.html
接著來(lái)看這款「憤怒的南瓜」的實(shí)現(xiàn)流程和 prompt 細(xì)節(jié)。
首先是圖形,這也是最簡(jiǎn)單的部分。以下是 prompt 分享:
標(biāo)題屏幕(使用 GPT-4 里的 DALL?E 3):名為「Angry Pumpkins」電子游戲的橫向主屏幕圖片。設(shè)計(jì)參考「憤怒的小鳥(niǎo)」美術(shù)風(fēng)格,但又有所不同。鬼屋、墓碑和蝙蝠等萬(wàn)圣節(jié)元素填充背景。游戲徽標(biāo)位于中心頂部的顯著位置,兩側(cè)是生氣、虎視眈眈的南瓜造型。底部中央有一個(gè)「Play」按鈕,周圍環(huán)繞著陰森恐怖的霧氣。
"Photo of a horizontal vibrant home screen for a video game titled 'Angry Pumpkins'. The design is inspired by the 'Angry Birds' game aesthetic but different. Halloween elements like haunted houses, gravestones, and bats dominate the background. The game logo is prominently displayed at the center-top, with stylized pumpkin characters looking angry and ready for action on either side. A 'Play' button is located at the bottom center, surrounded by eerie mist."
背景圖(使用 Midjourney),作者使用了一張圖片作為背景(并進(jìn)行了多次修補(bǔ)),圖片的 prompt 為:iPhone 截圖中「憤怒的小鳥(niǎo)」的天際線,萬(wàn)圣節(jié)版,墓地,風(fēng)格為淺海藍(lán)寶石和橙色,新傳統(tǒng)主義,kerem beyit, earthworks,木頭,Xbox 360 圖像,淺粉色和海軍藍(lán) —— 比例為 8:5?!?/span>
"Angry birds skyline in iPhone screenshot, Halloween Edition, graveyard, in the style of light aquamarine and orange, neo-traditionalist, kerem beyit, earthworks, wood, Xbox 360 graphics, light pink and navy --ar 8:5"
另一張裁剪之后用來(lái)生成地面:2d 平臺(tái)、石磚、萬(wàn)圣節(jié)、2d 電子游戲地形、2d 平臺(tái)游戲、萬(wàn)圣節(jié)場(chǎng)景、類似于憤怒的小鳥(niǎo)、萬(wàn)圣節(jié)場(chǎng)景、截圖、游戲資源 —— 比例為 8:5。
"2d platform, stone bricks, Halloween, 2d video game terrain, 2d platformer, Halloween scenario, similar to angry birds, metal slug Halloween, screenshot, in-game asset --ar 8:5"
接下來(lái),就要生成游戲中的角色了,作者使用 Midjourney 完成了創(chuàng)作。
- 萬(wàn)圣節(jié)南瓜,游戲精靈圖,萬(wàn)圣節(jié)版,簡(jiǎn)易精靈圖,2D,白色背景
- 萬(wàn)圣節(jié)綠色怪物,憨態(tài)可掬,游戲精靈圖,萬(wàn)圣節(jié)版,簡(jiǎn)易精靈圖,2D,白背景
"Halloween pumpkin, in-game sprite but Halloween edition, simple sprite, 2d, white background"
"Green Halloween monster, silly, amusing, in-game sprite but Halloween edition, simple sprite, 2d, white background"
當(dāng)然,游戲中的物體也是作者使用 Midjourne 制作的。作者創(chuàng)建了各種精靈圖樣式表,然后用 Photoshop/Photopea 裁剪并移除背景。對(duì)于小細(xì)節(jié),作者使用 Midjourney 進(jìn)行修補(bǔ)。
- 木箱,物品資源精靈圖,白色背景,游戲精靈圖。
- 骷髏骨,大型骨骼,物品資源精靈圖,白色背景,游戲精靈圖。
- 長(zhǎng)方形石頭,物品資源精靈圖,白色背景,游戲精靈圖。
- 木箱,大型骨骼,物品資源精靈圖,白色背景,游戲精靈圖。
- 物品資源精靈圖,木板,白色背景,游戲精靈圖,類似「憤怒的小鳥(niǎo)」風(fēng)格。
"Wooden box. Item assets sprites. White background. In-game sprites"
"Skeleton bone. Large skeleton bone. Item assets sprites. White background. In-game sprites"
"Rectangular stone. Item assets sprites. White background. In-game sprites"
"Wooden box. Large skeleton bone. Item assets sprites. White background. In-game sprites"
"Item assets sprites. Wooden planks. White background. In-game sprites. Similar to Angry Birds style"
最后編程部分使用了 GPT-4。作者表示,這個(gè)游戲的代碼僅有 600 行,完全由 GPT-4 代寫(xiě)。
完整代碼可見(jiàn):https://bestaiprompts.art/angry-pumpkins/sketch.js
作者在游戲中加入了很多細(xì)節(jié),比如不同的粒子效果、不同種類的物體。不過(guò)到目前為止,GPT-4 還不能僅憑一個(gè) prompt 就能生成完整的游戲。
因此,他使用的竅門是循序漸進(jìn)向 GPT-4 提出要求,這與人類編程方式相似,先從簡(jiǎn)單可行的基礎(chǔ)開(kāi)始,然后不斷迭代、拓展、優(yōu)化代碼。
他使用了一些小技巧和 prompt,首先從簡(jiǎn)單的事情開(kāi)始做起,比如「我能不能使用 matter.js 和 p5.js 創(chuàng)建一個(gè)憤怒的小鳥(niǎo)風(fēng)格的游戲?只需要用鼠標(biāo)控制,設(shè)定好發(fā)射角度和力度,然后撞擊一堆由 2D 物理效果堆疊的箱子?!?/span>
接著持續(xù)添加更多的元素和功能,遇到問(wèn)題詳細(xì)說(shuō)明錯(cuò)誤的地方,讓程序自我修正。比如「現(xiàn)在我問(wèn)你,你了解憤怒的小鳥(niǎo)游戲中玩家在屏幕上滑動(dòng)手指來(lái)發(fā)射小鳥(niǎo)嗎?把這種方式添加到要?jiǎng)?chuàng)建的游戲里,不過(guò)要改成用鼠標(biāo)控制?!?/span>
再比如「把怪物設(shè)計(jì)成圓形」、「我想用粒子效果制作一個(gè)火炬,是否可以通過(guò) p5.js 來(lái)實(shí)現(xiàn)?」如此種種,不斷與 GPT-4 進(jìn)行交互試驗(yàn),最終有了現(xiàn)在的游戲效果。
這個(gè)純 AI 版本的「憤怒的南瓜」,你心水了嗎?