像剪片子一样写互动故事
核心模型只有一句话:故事 = 场景 → 按顺序执行的动作。剩下的都是把这件事做得顺手。
场景与动作序列
场景可拖拽排序、搜索、双击改名;动作卡片同样拖拽排序、双击改文字。场景跑完自动进下一个,靠跳转/分支/选项改变去向。
分支、变量与条件
数值或开关变量、文本插值 {线索}、条件表达式 分数 >= 3 && !钥匙;条件可挂在任意动作或选项上,不满足就跳过或隐藏。
素材库
图片与音频按内容哈希存进 IndexedDB,支持文件夹导入、引用计数、改名、清理未使用;编辑器用 objectURL 显示,大项目也不卡。
计时器与节拍器
计时器 8 种 SVG 样式,节拍器 7 种视觉 + 6 种合成音色;可跨场景持续,拍数与结束不受音频上下文挂起影响。
体检与结构图
一键检查空文字、悬空跳转、孤岛场景、未定义变量、条件语法错误和死胡同;结构图把场景与跳转画成节点图,点节点直接跳去编辑。
撤销与历史
反向补丁式撤销,连续输入按 key 合并;操作历史可以跳到任意一步,大项目也不会因为整份快照而卡顿。
三种导出
单文件 HTML(素材内嵌,双击即玩)、ZIP 包(index.html + assets,可重新导入)、项目 JSON(完整备份)。
文案导出与回填
把全部场景名、正文、选项、提示、结局名导成 JSON/CSV,翻完再导回;附带的翻译脚本支持断点续翻与术语表。
播放器
封面、逐句推进、倒计时进度条、返回上一页、全屏、阅读记录、音量与文字速度、进度存档、结局收集;主题可换暗金/冷蓝/纸白。
13 种动作,任意排序
每种动作都能挂执行条件;没有编程概念,也能把复杂的分支讲清楚。
| 动作 | 能做什么 |
|---|---|
| 文字 | 显示一段文字,点击继续或倒计时自动继续;支持字号、对齐、位置、加粗、颜色与打字机。 |
| 图片 | 全屏背景 / 居中插图 / 左右半屏 / 角落小图,支持淡入、瞬间、黑场、推移。 |
| 幻灯片 | 多图轮播,可整文件夹导入;帧可排序、批量设时长、反转、按文件名排序,顺序 / 随机 / 洗牌袋。 |
| 音乐 | 播放或停止;BGM 与音效分离,BGM 可跨场景持续,支持淡入与音量。 |
| 等待 | 倒计时,可设置能否点击跳过。 |
| 计时器 | 可见倒计时,8 种 SVG 样式,可选位置、提示文字、能否跳过。 |
| 节拍器 | BPM / 每小节拍数 / 总拍数,6 种合成音色 + 7 种视觉,可静音、跨场景持续。 |
| 选项 | 多分支;支持显示条件、一次性选项、选项修改变量、限时自动选择。 |
| 跳转 | 立即跳到指定场景,或下一个场景。 |
| 分支 | 按条件二选一(是 / 否各自指定去向)。 |
| 变量 | 赋值 / 增加 / 减少,值可以是表达式。 |
| 随机 | 从勾选的场景里等概率跳一个。 |
| 结束 | 结束故事;可登记结局名,支持结局收集。 |
四步做出第一个故事
不需要安装,也不需要账号。建议用 Chrome / Edge 打开。
新建或导入
从模板开始,或点「导入」还原之前的项目 JSON / ZIP。
排场景、拖动作
左侧加场景,中间选动作类型;双击卡片直接改文字,右侧调样式与条件。
播放验证
点「播放」走一遍分支;「试玩设置」可以指定起始场景、临时改变量,直接跳到某个结局。
导出发布
图片不多就导单文件 HTML;素材多就导 ZIP。双击 index.html 即可玩,也能直接发给别人。
“改文字、换图片、调顺序,就能做完一个故事。” —— 这一版所有设计都是围着这句话转的。
项目只存在你这台设备上。项目元数据、素材与缩略图都存在浏览器的 IndexedDB 里, 不会上传服务器。换浏览器或清理站点数据会读不到,请定期用「导出 → 项目 JSON」留备份; 导出的 HTML / ZIP 是完全独立的文件,不受此影响。
使用前请留意
别用无痕模式。关闭窗口后项目会被清空,部分浏览器还会禁用 IndexedDB。
音乐可能需要点一下才响。浏览器的自动播放策略要求用户先与页面交互,播放器里的「开始」正好满足。
大项目建议导 ZIP。单文件 HTML 会把素材转成 data URL,图片上百张时文件会非常大。
公开站点只放编辑器。你创作的项目与素材不会出现在服务器上;导出的作品由你自己保管和分发。