AI 游戏开发 – 提示词汇总

前言

本整理收录了用户利用AI开发的实用/趣味小应用及配套提示词，用户可参考以下案例并发挥创意尝试用AI创造自己的应用。本课程涵盖详细的AI编程讲解及实用的应用开发教程.

1. 多米诺骨牌连锁反应游戏

使用Matter.js物理引擎制作一个多米诺骨牌连锁反应游戏，整个游戏包含在一个HTML文件中。
游戏界面应有黑色背景和灰色地面。
游戏允许我通过点击添加白色的多米诺骨牌，可以拖动它们调整位置，右键点击则删除骨牌。
骨牌应该像真实世界一样倒下，产生连锁反应。
添加一个滑块来调整骨牌之间的间距。
提供按钮功能：摆放一排骨牌、启动连锁反应和重置游戏，并添加一个计数器显示已经倒下的骨牌数量。
保持游戏简单有趣。

2. 超立方体弹球

编写一个脚本，实现一个小球在超立方体（四维超正方体）内弹跳的效果

3. 虚拟宠物互动面板

创建一个包含CSS和JavaScript的单一HTML文件，用于生成交互式虚拟宠物仪表盘。
仪表盘应以不同的动画直观地展示以下宠物状态：
快乐：（例如，弹跳动作、明亮的眼睛、摇晃的尾巴）
饥饿：（例如，肚子咕噜声、悲伤的眼睛、缓慢的动作）
困倦：（例如，下垂的眼睛、打哈欠、偶尔打盹）
顽皮：（例如，跳跃、旋转、兴奋的动作）
将所有宠物状态并排显示。仪表盘应采用柔和的粉彩色调，并具有圆角设计。
在这个单一文件中提供所有HTML、CSS和JavaScript代码。JavaScript应包含交互式按钮，可以喂食、陪玩或让宠物睡觉以改变其状态，展示每种状态的不同动画效果。
还应包含一个计时器，如果没有交互发生，宠物的状态会随着时间自然变化。

4. 六边形光影追踪

生成一个包含全页面六边形网格的单一HTML文件，使用HTML、CSS和JavaScript。
背景应该是深色的。六边形初始状态应该是不可见的。
当用户移动鼠标时，模拟聚光灯效果：靠近光标的六边形应该变得可见并呈现多种颜色，随着与光标距离的增加而逐渐淡出至不可见。
请在一个注释完善的单一文件中提供所有代码（HTML、CSS、JavaScript）。

5. 日全食互动

创建一个使用 JavaScript、HTML 和 CSS 的交互式日食可视化效果，要求包含流畅的动画。具体功能如下：
展示一个逼真的日全食动画，月亮逐渐从太阳前方经过。
在全食阶段显示动态的日冕效果。
在日食高峰时，天空中会出现星星。
允许用户控制日食的速度或暂停/播放动画。
包含大气效果，如天空变暗和颜色变化。
确保可视化效果在桌面和移动设备上都能响应式显示。

6. 宇宙膨胀

使用 three.js 创建一个高度先进、视觉效果震撼的演示，模拟宇宙大爆炸并展示其膨胀过程。演示需捕捉从初始奇点到充满活力的宇宙膨胀的过渡。具体要求如下：
使用高级粒子系统模拟初始爆炸。
结合体积光和动态阴影以增强真实感。
实现从高能量密度的奇点到包含星系、星云和星团的宇宙的平滑过渡。
动画与相机：
动态展示宇宙膨胀过程，随时间推移展现宇宙的演化。
包含复杂的相机运动（如缩放、平移和环绕），让用户可以探索模拟的不同部分。
代码质量：
模块化代码结构，清晰分离关注点（如场景设置、动画循环、粒子效果和 UI 控制）。
提供详细的内联注释，解释关键部分和逻辑。
优化性能，包括高效使用着色器和内存管理。
环境与交互性：
提供 HTML 脚手架，集成 three.js 脚本。
可选：包含基本 UI 控件（如滑块或按钮），用于调整膨胀速度、粒子密度或相机角度。
输出要求
提供完整的代码（HTML、CSS 和 JavaScript），可自包含并在现代浏览器中轻松运行。

7. AI研究员工作模拟游戏

创建一个基于HTML/ThreeJS的详细工作模拟游戏，模拟一名在Anthropic（人工智能研究公司）的研究员的日常工作。游戏内容包括：
在Anthropic办公室中走动
在办公桌前工作
完成各种任务，例如：
搜索奖励漏洞（Reward Hacks）
等待任务完成
去喝咖啡等
游戏设计应幽默有趣，让玩家在体验中感受到乐趣。

8. 贪吃蛇游戏

制作一个具有自我意识的贪吃蛇游戏

9. 植物绘画工具

创建一个任务应用程序，用户可以绘制自己的植物，采用类似多邻国（Duolingo）的UI风格

10. 弹跳小球

编写一个脚本，实现100个黄色小球在一个球体内弹跳的效果。
请确保正确处理碰撞检测，让球体缓慢旋转。
确保所有小球都保持在球体内部。
使用p5.js来实现这个效果。

11. 星际飞船控制台

生成一个星际飞船控制台界面设计

12. 动态天气卡片

创建一个包含CSS和JavaScript的单一HTML文件，用于生成动态天气卡片。卡片应通过不同的动画效果直观地展示以下天气状况：
风：例如移动的云朵、摇摆的树木或风线
雨：例如下落的雨滴、形成的水坑
太阳：例如闪耀的光线、明亮的背景
雪：例如飘落的雪花、积雪效果
所有天气卡片应并排显示，卡片背景为深色。

13. 跳跃游戏

帮我开发一款基于Phaser.js的横版平台跳跃游戏，并且只使用方向键进行游戏操作。

14. 3D城市生成器

请帮我生成一个完整的 3D 城市，要求一次性生成，并实现细腻光影与昼夜的平滑过渡

15. 《我的世界》风格游戏

生成一个类似于《我的世界》风格的游戏

16. 赛车游戏

生成一个完整的 3D 赛车游戏

17. 粒子动画

用代码模拟一个包含虫洞和黑洞的复杂N体粒子系统，并可视化动画效果。

18. 互动鱼群

使用 p5.js 模拟鱼群行为

19. 《塞尔达传说》风格游戏

生成一个《塞尔达传说》风格的游戏

20. 视频游戏

编写一个单一的 HTML 文件，我可以在浏览器上运行它，它是一个类似 Doom 的视频游戏，包括一些敌人和一个关卡。仅使用纯 HTML/JS/CSS。

21. 日本寿司店网站

请为一家日本寿司店创建一个单页网站，其中包含以下详细信息:
名字: 
邮箱: 
电话：

英雄背景图片是 hero.jpg
我的商品详情如下：

```
名称：Carlifornia Roll
价格：RM 12.00
图片：california.jpg

名称：Salmon Nigri
价格：RM 8.00
图片：salmon.jpg

名称：Veggie Tempura
价格：RM 9.00
图片：tempura.jpg

名称：Miso Soup
价格：RM 4.00
图片：miso.jpg

名称：Green Tea Ice Cream
价格：RM 5.00
图片：greentea.jpg
```

请包含英雄部分、关于我们、菜单和联系方式。

仅使用 HTML

22. 实时洪水风险监测系统

将创建一张地图，在地图上显示英国的实时洪水状况。

以下 api 调用将返回一个区域列表及其坐标，可用于在地图上绘制这些区域，如果这些区域存在风险，则可以在地图上绘制这些区域。environment.data.gov.uk/flood-monitoring/id/floodAreas。

下一个 api 调用将获取英国所有洪水风险区域的列表 https://environment.data.gov.uk/flood-monitoring/id/floods?min-severity=3。

地图每 15 分钟更新一次。

23. 滑动拼图游戏

使用这张图片制作了一个 5x5 的滑动拼图游戏。通过手机触摸来操作。
开始和重置，请计算移动次数

24. 交互式3D魔方

创建一个 HTML 文件，使用 Three.js 可视化带有真实光照和交互式控制的魔方。魔方应由 27 个方块组成，采用标准魔方的配色。包括标准移动（U，U'，D，D'，L，L'，R，R'，F，F'，B，B'）按钮，这些按钮会在适当的面上进行 90°旋转动画。此外，实现一个打乱函数，执行一系列随机移动（记录每个移动），以及一个自动解乱函数，每 500 毫秒应用记录的移动的逆操作，直到魔方被解决。解决状态应通过比较每个方块当前的世界位置和旋转与其最初存储的“解决”状态（使用小容差）等来确定。

25. 复古风格宝可梦图鉴

一个 HTML 应用程序，它能做以下事情：
- 参考开源宝可梦精灵图鉴
创建宝可梦图鉴界面
- 每只宝可梦均可查看
列出所有宝可梦（至第二世代）
点击任何列表项以查看宝可梦
- 使用动画精灵
- 将宝可梦置于视图中央
- 将界面设计成复古宝可梦图鉴风格