如何用AI快速制作Web版Galgame

牛客网页小游戏AIcoding

📁 准备工作

1. 素材准备

• 剧本生成：使用AI工具（如ChatGPT、DeepSeek等）生成游戏剧本提示词示例：请创作一个关于ACM竞赛选手与牛客娘互动的温馨故事，包含至少4个关键分支选择点
• 美术资源：使用AI绘图工具（Midjourney、SD等）生成角色立绘与场景或使用真人拍摄照片

2. 文件整理

你的工作区/
├── game/
│   └── images/
│       ├── nk_girl_normal.png    # 牛客娘普通表情
│       ├── nk_girl_smile.png     # 牛客娘微笑
│       ├── nk_girl_sad.png       # 牛客娘伤心
│       ├── classroom_bg.png      # 教室背景
│       └── contest_bg.png        # 竞赛现场背景
└── 剧本.md                        # 剧本

🤖 AI开发流程

第一步：初始代码生成

向AI助手提供以下提示词：

请根据 剧本md 中的内容作为剧本，编写有ACM背景的单女主，牛客娘nk-girl的纯Web的GalGame游戏，你只能输出一个html文件，游戏中要有许多牛客娘表情与场景背景的变化，与至少4出选择，游戏的所有的美术资源放置在 game/images，请自行调用。

第二步：迭代优化

AI生成初始代码后：

1. 首次运行测试：在浏览器中打开HTML文件
2. 问题反馈：将遇到的错误和需求反馈给AI，例如： “图片路径不正确，请调整为相对路径”“选择按钮点击后没有触发剧情跳转”
3. 持续改进：经过3-5轮调试，游戏基本功能即可完善

最终成品

视频链接：https://www.bilibili.com/video/BV1Lo6gBxEFM/?vd_source=3f88fdd1cd86221ef84d809e063b172a

作品链接：https://niobium-41-nb.github.io/