【新春创造营】一个人,零代码,用 iFlow CLI 20分钟肝出细思极恐的春节游戏

【新春恐怖文字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 张)

  1. 村口场景:喜庆红灯笼 + 系统状态栏

  2. 老张家反转:春联贴反 + 无影子提示

  3. 年夜饭对峙:满桌饺子 + 选择按钮

  4. 结局页面:青绿色恐怖文字 + "达成结局"提示

6. 体验链接. https://ggboypip-ai.github.io/iflow/game.html

7. 给 iFlow 团队的话

作为零代码基础的游戏策划,iFlow CLI 让我第一次能独立完成可发布的游戏。最惊喜的是:

  • 上下文理解:第二次迭代时,iFlow 记得我之前要"暗红色背景",自动保持风格一致
  • 模式切换:Yolo 模式快速试错,Plan 模式做复杂系统时心里有底
  • 国产模型:Kimi K2 对中文恐怖氛围的理解很到位,生成的文案不用改直接用

标签建议

#游戏开发 #文字AVG #零代码 #新春项目 #独立游戏 #HTML5 #iFlowCLI实战


有点恐怖的游戏

这个赛道终于有人来了 :sweat_smile: