AI技术文章

全流程 AI 辅助,我做了一款脑洞大开的微信小游戏!

作者:观猹上的超级个体0 次浏览 来源:特工宇宙
全流程 AI 辅助,我做了一款脑洞大开的微信小游戏!

观猹社区里聚集着一群富有创意、动手能力又特别强的创造者。他们来自不同的行业和背景,却在这里形成了某种微妙的共识:认真做产品、诚实写评价、乐于分享想法。

全流程 AI 辅助,我做了一款脑洞大开的微信小游戏!

观猹社区里聚集着一群富有创意、动手能力又特别强的创造者。他们来自不同的行业和背景,却在这里形成了某种微妙的共识:认真做产品、诚实写评价、乐于分享想法。

几乎每天,我们都会被观猹员们提出的思考、展示的 Demo、甚至一句灵感火花所惊喜、所打动。这种不断冒出来的创造力,让社区真正活了起来。

因此,我们决定把观猹员们的作品、灵感、实践过程与思考,挖掘出来,整理在「观猹笔记」上。去记录那些,当前大众聚光灯以外的,那些闪闪发光的超级个体和他们的灵感。

全流程 AI 辅助,我做了一款脑洞大开的微信小游戏!

今天分享的这位创造者,可以说是一位资深的 Vibe Coder。此前做过的几个小应用,就已经在观猹上收到了广泛关注。

最近,他又开发了一个脑洞大开的微信小游戏「谐音梗看图猜词联机版」,有点沙雕但又有些上头的休闲文字游戏。

全流程 AI 辅助,我做了一款脑洞大开的微信小游戏!

玩家根据图片蕴含的信息,结合谐音梗联想,猜出来对应的成语。除了单人闯关,还有和好友的联机模式。

这次开发可以说是集齐了目前的顶流 AI 全家桶:

  • 代码:Cursor 也是老朋友了,写代码的神;

  • 脑洞:Gemini 负责设计谜题;

  • 美术:即梦生成谜面图;

  • 音乐:Suno 搞定 BGM。

我们与这位创造者进行了深度访谈,并决定把这套完整的业务开发流程毫无保留地分享给大家,希望能给想做独立开发的小伙伴们一点灵感!👇

说个好笑的,微信爸爸的审核时间,居然比我们整个开发时间还要长……😂

灵感来源

做这个游戏的初衷,其实是来自某书上的「谐音梗看图猜词」热帖。

全流程 AI 辅助,我做了一款脑洞大开的微信小游戏!

不知道大家刷没刷到过,那种看着图、猜成语,一边觉得自己蠢、一边又觉得“这也行?”的感觉...这玩法在综艺节目里也很常见。

全流程 AI 辅助,我做了一款脑洞大开的微信小游戏!

我就想:既然这么好玩,为啥不直接做一个专门的小游戏呢?

哪怕是碎片时间,也能闯它几关,还能搞个好友排行榜,看看谁的脑洞最大。说干就干,我们马上开始拆解需求。

谜题设计

猜词游戏,核心就是题库

人的脑洞总有枯竭的一天(还会掉头发),但 AI 不会啊!它的脑洞是无穷的。为了保证源源不断的创意,我们搭建了一套 「AI 谜题生成工作流」,分三步走:

1. 选词:收集了几百个成语作为谜底。

2. 脑暴:让 AI 看着答案大开脑洞,设计谜面的画面描述。

3. 选优:同一个谜面设计三次,再让另一个 AI 当评委,选出最妙的一个。

如此机器一开,题库自来!

干货 Prompt 分享

这也是大家最关心的部分,我们打磨了很久的提示词,直接开源给大家:

1. 谜面生成 Prompt(让 AI 当创意大师):

## Profile

你是一位顶级的创意大师和 AI 文生图提示词专家,尤其擅长创造和解构基于双关、谐音的视觉谜题。你能够深刻理解语言的趣味性和图像的表达力,精通将一个抽象的词汇转化为一个具体的、有趣的、且充满线索的像素艺术场景。你的设计不仅追求视觉上的复古美感,更推崇逻辑的纯粹性与设计的优雅性。

## Core Mission

- 你的核心任务是根据用户的需求,对谜底进行谐音或字面含义的解构,采用谐音,转义,图形化,逻辑暗示等方式来设计巧妙的谜面。然后构建一个单一、详尽、功能完备的提示词,旨在一次性生成一张完整的、包含所有视觉与文字信息的看图猜谜游戏成品图。

这张成品图必须是垂直布局,清晰地分为上半部分的线索区和下半部分的谜题区。

- 你构建的提示词将严格遵循柔和的手绘卡通画风,确保生成的线索图与谜题图风格统一,能够引导 AI 模型准确生成符合谜题逻辑的图像。

## Input Handling

- 用户输入指定的谜底词汇,或者随机(此时你随机选择一个3-4字词汇作为谜底)

- 分析与解构: 你会首先分析谜底词汇,寻找最适合视觉呈现的谐音替代方案,并构思出能够串联这些元素的趣味场景。

## Guiding Principles

* 优雅性 (Elegance): 设计追求巧妙与简洁,避免任何形式的笨拙。线索必须一击即中。不必对每个字都做谐音处理。有些字可以直接用图案或元素逻辑来表现。

* 纯粹性 (Purity): 每个部分(线索/谜题)都有其唯一且不可侵犯的职责。

* 逻辑性 (Logic): 谐音的联想和场景的组合需要符合清晰的逻辑,谜面图元素暗示完备,让玩家能够顺利推理。

* 趣味性 (Fun): 谜面线索不要过于简单明显,拒绝直白无趣的拼凑谐音,最终目标是创造一个能让人会心一笑的娱乐体验。

## Interaction Style

创意、专业、严谨、有趣。

2. 评判 Prompt(让 AI 当主编):

评价以下看图猜词的谜题设计,分析哪个设计更好。然后选择最好的一个,或将三者中最好的部分进行融合,输出一段最佳提示词

不需要逐一说明每个选项的逻辑。只需要给出最好的理由,然后复述一次最好选项的draw_prompt或者给出最好设计元素的融合终版draw_prompt

格式:

<reason>

结论和原因分析

</reason>

<best_prompt>

最好选项的draw_prompt

</best_prompt>

全流程 AI 辅助,我做了一款脑洞大开的微信小游戏!

分享一个遇到的小坑:词哪儿来?一开始想用开源语料库,但发现很多词不适合做谐音梗。最后我们的策略是直接找成语库。

网上有很多带词频标注的成语库,下载下来,把那些根本没人用的生僻词删掉,剩下的就是完美的题库素材。

全流程 AI 辅助,我做了一款脑洞大开的微信小游戏!

美术与音乐

关于画图:拿到 AI 生成的提示词后,我们丢给了即梦 4.0。 虽然 AI 画图现在很强,但也不是 100% 能用,还是需要人工筛选一下,或者微调 Prompt。

关于音乐:BGM 选用了Suno V5。我们要的是那种“欢乐、魔性、听久了不烦”的感觉。提示词参考:

A fun and cheerful background loop for a puzzle game. Featuring a melody played on a plucky synth or a marimba-like sound, with light, simple percussion. The rhythm is mid-tempo and relaxed. The overall vibe is happy.

记得设置instrumental: true(纯音乐),多生成几条,总有一条能洗脑你。

全流程 AI 辅助,我做了一款脑洞大开的微信小游戏!

全流程 AI 辅助,我做了一款脑洞大开的微信小游戏!

建议多生成几条,以供挑选。生成后如果找到某些不满意的共性,可以针对性调整 Prompt。

最后选择的这个音乐,听起来还是带点魔性在里面的。

可以来小程序里面听一下:谐音梗看图猜测联机版

程序与迭代

代码部分没啥好说的,微信开发者工具 + Cursor,边写边预览,懂得都懂,现在的开发体验简直不要太丝滑。

重点说下这个迭代:在第一个版本中,我们的所有模式都选择了手动键盘打字输入答案的方式。

但是经过测试,大家都觉得又难又麻烦,于是我们考虑为普通模式加入了字表选项的模式来降低难度。

那么候选字表从哪来呢,总不能所有题目的候选字表都一样吧。面对着几百道题的数据库,我们决定再上一次 AI 生成,于是就有了如下提示词:

## Profile

你是一位顶级的创意大师,尤其擅长创造和解构基于双关、谐音的视觉谜题。

## Core Mission

- 我将提供给你一张看图猜词的问题图片,和其对应的词语答案。这是一个采用谐音,转义,图形化,逻辑暗示设计的谜面。

- 你的工作是

1.分析谜题,全程使用中文进行思考,尝试给出 6 个玩家可能粗心或犯傻给出的错误答案。错误答案也都是4个字的词语或成语,可能与画面含义、答案词义或画面的局部暗示有所关联,但绝非正确答案。

2.根据画面中所直接画出的内容,给出8个单独的汉字(只关注画面上画出的图形,忽略画面上的文字)

3.根据原始答案的谐音,给出8个谐音汉字

输出格式为:

{

"wrong_answer": "XXXX,XXXX,XXXX,XXXX,XXXX",

"from_drawing": "X,X,X,X,X,X,X,X",

"homophonic": "X,X,X,X,X,X,X,X"

}

这样我们从 AI 输出中提取了候选的错误字表,就有了目前的选项模式的数据。

全流程 AI 辅助,我做了一款脑洞大开的微信小游戏!

写在最后

这款小游戏从一个拍脑门的想法到最终上线,AI 渗透到了每一个环节。

最大的感受就八个字:效率翻倍,创意不竭。

以前做游戏,最头秃的是素材和关卡设计;现在有了 AI,可以把精力真正花在怎么更有趣用户体验上。

如果你也有个点子,别犹豫,试着把它拆解成一个个模块,为每个模块找到合适的 AI 产品。

如果不知道什么 AI 工具比较趁手,可以来观猹平台上淘一淘。

文章来自于“特工宇宙”,作者 “观猹上的超级个体”。

相关主题

读完之后

加入 AINRK 交流群

了解加入交流群的方式,与更多 AI 从业者交流。

查看交流群说明(在新窗口打开)