这个「愤恨的南瓜」游玩玩起来简单,创设起来却需要一些诀窍。
自 GPT 系列对话大模型以及 DALL・E、Midjourney 等文生图大模型兴起以来,基于它们的硬核、有趣二创应用花样频出,让普通人切身地体验到了大模型的魅力。
今天又一个这样的游玩项目引起了我们的注意。
推特用户 @javilopen 运用 GPT-4、DALL・E 3 和 Midjourney 编写了小游玩「愤恨的南瓜」(PS:如有雷同纯属巧合),其中 GPT-4 负责所有的编码工作,DALL・E 3 和 Midjourney 负责图形部分。
游玩画面、后果怎么样呢?从以下几张动图来看,似乎是分辨不出它是大模型生成的。
小伙伴们也可以试玩,还能自己创造关卡。不过,它目前还不支持手机端运行。
试玩地址:https://bestaiprompts.art/angry-pumpkins/index.html
接着来看这款「愤恨的南瓜」的实现流程和 prompt 细节。
首先是图形,这也是最简单的部分。以下是 prompt 分享:
标题屏幕(运用 GPT-4 里的 DALL・E 3):名为「Angry Pumpkins」电子游玩的横向主屏幕图片。设计参考「愤恨的小鸟」美术风格,但又有所不同。鬼屋、墓碑和蝙蝠等万圣节元素填充后台。游玩徽标位于中心顶部的显著位置,两侧是生气、虎视眈眈的南瓜造型。底部中央有一个「Play」按钮,周围环绕着阴森恐怖的雾气。
"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),作家运用了一张图片作为后台(并进行了多次修补),图片的 prompt 为:iPhone 截图中「愤恨的小鸟」的天际线,万圣节版,墓地,风格为浅海蓝宝石和橙色,新传统主义,kerem beyit, earthworks,木头,Xbox 360 图像,浅粉色和海军蓝 —— 比例为 8:5。”
"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"
另一张裁剪之后用来生成地面:2d 平台、石砖、万圣节、2d 电子游玩地形、2d 平台游玩、万圣节场景、类似于愤恨的小鸟、万圣节场景、截图、游玩资材 —— 比例为 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"
接下来,就要生成游玩中的角色了,作家运用 Midjourney 完成了创作。
万圣节南瓜,游玩精灵图,万圣节版,简易精灵图,2D,红色后台
万圣节绿色怪物,憨态可掬,游玩精灵图,万圣节版,简易精灵图,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"
当然,游玩中的物体也是作家运用 Midjourne 制作的。作家创设了各种精灵图样式表,然后用 Photoshop/Photopea 裁剪并移除后台。对于小细节,作家运用 Midjourney 进行修补。
木箱,东西资材精灵图,红色后台,游玩精灵图。
骷髅骨,大型骨骼,东西资材精灵图,红色后台,游玩精灵图。
长方形石头,东西资材精灵图,红色后台,游玩精灵图。
木箱,大型骨骼,东西资材精灵图,红色后台,游玩精灵图。
东西资材精灵图,木板,红色后台,游玩精灵图,类似「愤恨的小鸟」风格。
"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。作家表示,这个游玩的代码仅有 600 行,完全由 GPT-4 代写。
完整代码可见:https://bestaiprompts.art/angry-pumpkins/sketch.js
作家在游玩中加入了很多细节,比如不同的粒子后果、不同种类的物体。不过到目前为止,GPT-4 还不能仅凭一个 prompt 就能生成完整的游玩。
因此,他运用的窍门是循序渐进向 GPT-4 提出要求,这与人类编程方式相似,先从简单可行的基础开始,然后不断迭代、拓展、优化代码。
他运用了一些小技巧和 prompt,首先从简单的事情开始做起,比如「我能不能运用 matter.js 和 p5.js 创设一个愤恨的小鸟风格的游玩?只需要用鼠标控制,设定好发射角度和力度,然后撞击一堆由 2D 物理后果堆叠的箱子。」
接着持续添加更多的元素和功能,遇到问题详细说明错误的地方,让程序自我修正。比如「现在我问你,你了解愤恨的小鸟游玩中玩家在屏幕上滑动手指来发射小鸟吗?把这种方式添加到要创设的游玩里,不过要改成用鼠标控制。」
再比如「把怪物设计成圆形」、「我想用粒子后果制作一个火炬,是否可以通过 p5.js 来实现?」如此种种,不断与 GPT-4 进行交互试验,最终有了现在的游玩后果。
这个纯 AI 版本的「愤恨的南瓜」,你心水了吗?