NarraLeaf Studio
完成一部视觉小说所需的制作编辑器
适合希望将制作流程集中在一处的团队
眼前的工作，要从哪条路开始？
不同项目形态各有起点，专注创作从 Studio 开始，桌面应用交给 Desktop，嵌入现有 Web 产品使用 NarraLeaf-React
NarraLeaf Desktop
将视觉小说发布为独立的桌面应用
适合以视觉小说本身作为产品的项目
NarraLeaf-React
把故事嵌入既有的 React 界面
适合故事只占产品一部分的团队
NarraLeaf Studio 把写作与呈现放在同一个窗口
专为视觉小说设计的编辑器，从第一句对白到最终发行版本，全程无需更换工具
写故事
正文编辑器以键盘操作为主，写下的内容即时呈现在一旁舞台预览中
外观由你定义
玩家看到的每一处界面都可重新设计，包括对话框自身的交互行为
交付之前
本地化审校与版本记录同样在 Studio 内完成，直至导出可发行版本
NarraLeaf Desktop 让代码与运行中的游戏并排
玩家最终启动的就是 Desktop 构建的应用，其窗口、存档与打包行为都写在项目自身的代码里
NarraLeaf-React 就运行在这个页面里
它与你的 React 界面一同运行，画面完全由剧本驱动
1introScene.background.char("/room.jpg", new FadeIn(600)),
2
3narraImage.show({ duration: 600 }),
4narraImage.transform(
5 Transform.create()
6 .position({ yoffset: -24 })
7 .commit({ duration: 260 })
8),
9
10narrator.say`这个场景就从页面里开始。`
11
12narra.say`台词仍然可以带上 ${c("颜色", "#7dd3fc")}。`,
13
14Menu.prompt("接下来去哪里？")
15 .choose("换到房间另一边", [
16 narra.say`等我先让出画面。`,
17 narraImage.hide({ duration: 500 }),
18 introScene.jumpTo(featureScene, new Dissolve(500)),
19 ]),
NarraLeaf-React embedded demo
一部视觉小说不应散落为互不相干的文件
NarraLeaf 将项目分为几条并行路径，各司其职，故事本身始终只有一份，不会因路径不同而重写
NarraLeaf Studio 制作交给它
制作阶段所需的一切集中在同一个工作区
- 01在搭建场景与界面的地方，直接管理项目素材
- 02界面编辑与沉浸叙事同步推进
- 03让团队协作留在制作现场，不必在多个工具之间切换