【新春恐怖文字AVG】一个人,零代码,用 iFlow CLI 5小时肝出细思极恐的春节游戏
正文
1. 项目简介
《值班系统》是一款新春题材恐怖文字冒险游戏,玩家扮演村庄春节筹备委员,在除夕巡查中发现"被扮演"的异常真相。核心体验:5分钟一局,三次选择,三重反转,全黑结局。
- 类型:单人剧情向 / 多结局 / 细思极恐
- 平台:HTML5(网页即开即玩)
- 开发:1人 + iFlow CLI,零代码基础纯需求驱动
- 时长:完整体验 10-15 分钟
2. 使用到的 iFlow CLI 功能
| 功能 | 应用场景 | 效果 |
|---|---|---|
| 自然语言交互 | 全程用中文描述需求,无需写代码 | “创建一个暗红色背景的 HTML 页面,文字逐字显示” |
| Yolo 模式 | 自动执行文件创建、代码生成 | 一键生成完整游戏框架 |
| Plan 模式 | 复杂功能先规划再执行 | 多结局系统分步骤实现 |
/init 项目分析 |
让 iFlow 理解已生成的代码结构 | 后续迭代时能上下文关联 |
| 多模型切换 | 用 Kimi K2 生成文案,Qwen3-Coder 写逻辑 | 不同任务选最优模型 |
| 本地热重载 | 自动启动 HTTP 服务器预览 | 改完立即看效果 |
3. 实现过程(时间线)
Hour 1:框架搭建
我:创建一个单文件 HTML 文字冒险游戏,暗红背景,米色文字,有场景切换功能
iFlow:生成基础框架 + CSS 样式 + JS 状态机
Hour 2:核心叙事
我:实现三个场景(村口→老张家→自己家),每个场景两个选择,用我提供的剧本
iFlow:构建场景数据结构,实现选择跳转逻辑
Hour 3:多结局系统
我:根据三次选择(A/B)的组合,进入三个不同结局页面
iFlow:编写 calculateEnding() 函数,结局页面独立样式
Hour 4:氛围 polish
我:加入逐字显示、屏幕抖动、颜色渐变、延迟眨眼效果
iFlow:用 CSS animation + JS 实现所有特效,提供音频 glitch 代码
Hour 5:部署优化
我:打包成单文件,支持 PWA 离线运行,GitHub Pages 部署
iFlow:添加 Service Worker,生成完整可发布版本
4. 项目亮点
- 零代码门槛:全程自然语言,iFlow 理解"细思极恐""延迟眨眼"等抽象描述
- 单文件架构:所有资源(CSS/JS/音频 base64)内嵌,
< 300KB - 状态机设计:
choices: []数组记录选择,函数计算结局,逻辑清晰 - 二周目机制:localStorage 记录游玩次数,解锁隐藏选项
5. 截图
(建议上传 3-4 张)
-
村口场景:喜庆红灯笼 + 系统状态栏
-
老张家反转:春联贴反 + 无影子提示
-
年夜饭对峙:满桌饺子 + 选择按钮
-
结局页面:青绿色恐怖文字 + "达成结局"提示
6. 体验链接. https://ggboypip-ai.github.io/iflow/game.html
7. 给 iFlow 团队的话
作为零代码基础的游戏策划,iFlow CLI 让我第一次能独立完成可发布的游戏。最惊喜的是:
- 上下文理解:第二次迭代时,iFlow 记得我之前要"暗红色背景",自动保持风格一致
- 模式切换:Yolo 模式快速试错,Plan 模式做复杂系统时心里有底
- 国产模型:Kimi K2 对中文恐怖氛围的理解很到位,生成的文案不用改直接用
标签建议
#游戏开发 #文字AVG #零代码 #新春项目 #独立游戏 #HTML5 #iFlowCLI实战



