单文件 · 离线 · 可视化

把故事拆成场景,
做成能玩的一页。

不写代码,也不用服务器。左侧排场景,中间拖动作,右侧改文字—— 分支、变量、计时器、节拍器、结局收集都在里面。 做完导出一个 HTML,双击就能玩,发给谁都能打开。

13 种动作 3 套播放器主题 单文件 离线运行 0 服务器数据
互动故事工坊的三栏编辑器
左:场景列表 · 中:预览与动作序列 · 右:当前动作属性。
What it does

像剪片子一样写互动故事

核心模型只有一句话:故事 = 场景 → 按顺序执行的动作。剩下的都是把这件事做得顺手。

☰

场景与动作序列

场景可拖拽排序、搜索、双击改名;动作卡片同样拖拽排序、双击改文字。场景跑完自动进下一个,靠跳转/分支/选项改变去向。

⑂

分支、变量与条件

数值或开关变量、文本插值 {线索}、条件表达式 分数 >= 3 && !钥匙;条件可挂在任意动作或选项上,不满足就跳过或隐藏。

▣

素材库

图片与音频按内容哈希存进 IndexedDB,支持文件夹导入、引用计数、改名、清理未使用;编辑器用 objectURL 显示,大项目也不卡。

◷

计时器与节拍器

计时器 8 种 SVG 样式,节拍器 7 种视觉 + 6 种合成音色;可跨场景持续,拍数与结束不受音频上下文挂起影响。

⌕

体检与结构图

一键检查空文字、悬空跳转、孤岛场景、未定义变量、条件语法错误和死胡同;结构图把场景与跳转画成节点图,点节点直接跳去编辑。

↶

撤销与历史

反向补丁式撤销,连续输入按 key 合并;操作历史可以跳到任意一步,大项目也不会因为整份快照而卡顿。

⤓

三种导出

单文件 HTML(素材内嵌,双击即玩)、ZIP 包(index.html + assets,可重新导入)、项目 JSON(完整备份)。

文

文案导出与回填

把全部场景名、正文、选项、提示、结局名导成 JSON/CSV,翻完再导回;附带的翻译脚本支持断点续翻与术语表。

▶

播放器

封面、逐句推进、倒计时进度条、返回上一页、全屏、阅读记录、音量与文字速度、进度存档、结局收集;主题可换暗金/冷蓝/纸白。

玩家视角的选项分支界面
播放器视角:封面、正文、带条件的选项与结局收集,全部内联在导出的单文件里。
故事正文与继续按钮
逐句推进;空格 / 回车继续,数字键选选项,← 返回上一页。
编辑器动作序列
动作卡片可以拖拽,条件与样式都在右侧面板里改。
Actions

13 种动作,任意排序

每种动作都能挂执行条件;没有编程概念,也能把复杂的分支讲清楚。

动作能做什么
文字显示一段文字,点击继续或倒计时自动继续;支持字号、对齐、位置、加粗、颜色与打字机。
图片全屏背景 / 居中插图 / 左右半屏 / 角落小图,支持淡入、瞬间、黑场、推移。
幻灯片多图轮播,可整文件夹导入;帧可排序、批量设时长、反转、按文件名排序,顺序 / 随机 / 洗牌袋。
音乐播放或停止;BGM 与音效分离,BGM 可跨场景持续,支持淡入与音量。
等待倒计时,可设置能否点击跳过。
计时器可见倒计时,8 种 SVG 样式,可选位置、提示文字、能否跳过。
节拍器BPM / 每小节拍数 / 总拍数,6 种合成音色 + 7 种视觉,可静音、跨场景持续。
选项多分支;支持显示条件、一次性选项、选项修改变量、限时自动选择。
跳转立即跳到指定场景,或下一个场景。
分支按条件二选一(是 / 否各自指定去向)。
变量赋值 / 增加 / 减少,值可以是表达式。
随机从勾选的场景里等概率跳一个。
结束结束故事;可登记结局名,支持结局收集。
完整重渲染
≈41 ms
200 场景 × 8 动作
切换场景
≈5 ms
同规模项目
导出格式
3 种
HTML / ZIP / JSON
运行时依赖
0
离线可用
Get started

四步做出第一个故事

不需要安装,也不需要账号。建议用 Chrome / Edge 打开。

新建或导入

从模板开始,或点「导入」还原之前的项目 JSON / ZIP。

排场景、拖动作

左侧加场景,中间选动作类型;双击卡片直接改文字,右侧调样式与条件。

播放验证

点「播放」走一遍分支;「试玩设置」可以指定起始场景、临时改变量,直接跳到某个结局。

导出发布

图片不多就导单文件 HTML;素材多就导 ZIP。双击 index.html 即可玩,也能直接发给别人。

“改文字、换图片、调顺序,就能做完一个故事。” —— 这一版所有设计都是围着这句话转的。

项目只存在你这台设备上。项目元数据、素材与缩略图都存在浏览器的 IndexedDB 里, 不会上传服务器。换浏览器或清理站点数据会读不到,请定期用「导出 → 项目 JSON」留备份; 导出的 HTML / ZIP 是完全独立的文件,不受此影响。

Notes

使用前请留意

i

别用无痕模式。关闭窗口后项目会被清空,部分浏览器还会禁用 IndexedDB。

i

音乐可能需要点一下才响。浏览器的自动播放策略要求用户先与页面交互,播放器里的「开始」正好满足。

i

大项目建议导 ZIP。单文件 HTML 会把素材转成 data URL,图片上百张时文件会非常大。

i

公开站点只放编辑器。你创作的项目与素材不会出现在服务器上;导出的作品由你自己保管和分发。