Draw.io的无聊用途:整理(或设计)游戏剧情大纲

文字冒险游戏往往有很多选择支,在节点选择不同的分支将影响故事最终的结局。

Draw.io 这个图表绘制软件,具有如下特点:

  1. 可以在不同文本框之间方便地进行连线
  2. 画布可无限扩展

感觉挺适合干这个工作 。比如:

注:这里的游戏大纲来自某 b 站水友用 PPT 搞的恐怖游戏。用 PowerPoint 做文字冒险游戏/视觉小说,可能也算是经典操作了吧[1]

……但话说回来,这就是个大号的程序框图吧


  1. 另一款也算是很经典的恐怖游戏——《死月妖花,四月八日》——据作者介绍最初也是使用演示文稿设计的草稿,后来正式发布的时候对游戏程序进行了重构。详见 b 站 逍遥散人 老师的游戏实况:BV17VTpztESH。 ↩︎

1 个赞

有点小问题,路线图一多,自动画的箭头就很恶心人,经常需要手动微调箭头对齐

确实有这个问题,感觉目前好像没有特别好的方案,可能只能在绘图时花点心思,设计一下布局。

类似的用excalidraw和tldraw 也可以吧,drwaio的可编辑能力太强了这种简单场景反而不一定好用

总结

之前给 Steam 上的 The Stanley Parable 画过路线图,在纸上画的,找不到了

这个是用 Excalidraw 画的


如果是路线多但是不复杂的情况,感觉可以用 Mermaid 和 Graphviz

它似乎没有对其到网格的功能,感觉画出来的图像不如 Draw.io 整洁,而且也没有解决 Draw.io 在线路多后无法自动整理的问题。

重新整理了一下,现在是这样绘图的:

  1. 所有单元格统一宽度
  2. 遇到选择支,一者岔开,另一者垂直向下

如此可在一定程度上保证版面整洁

做分支选择就是流程图,支持流程图的白板自然是可以的。

Mermaid也是能写流程图的。

不过面对多个Flag决定同一选项的那种就不是特别好画了

这个 Draw.io 其实是可以做到的,毕竟它可以自定义连线,能够做到多个选项连接同一结果。

是,不是说画图功能上做不到

但有时候会有一条很远的线过来,导致整个图不太好看了。我举个例子:

7月11日的剧情分别有3个选项影响:7月10日,7月1日和6月15日

6月15日那个线过来的时候就不太好看了。

如果flag管理比较复杂(比如说6月15日的flag同时影响6月18,7月2日,7月11日),图上看起来就和炸了一样。

但如果为了可视化的话也没更好的选择了,只能尝试把图的远近调一调,尝试画得更好看些。


但你要说这个是不是无聊用途,还真不是,这是非常正式的用途。因为真的是会用白板搭建剧情路线图的。
(是不是用draw.io另论)

我记得程序框图里,对这种情况是可以画节点的。比如下面这样:

话说有人试过 Graphviz 体验如何么,我试了半天没整明白,似乎是不能手动改位置,只能接受自动生成的

之前折腾过很久画图画人物关系那种,发现还是Coggle最好用…………
本来the brain那个也不错,但是太卡了。还不能全部展现。

放大纲有点太细了.
现在已经有不少游戏自带剧情分支树状图了

1 个赞

游戏策划据说用的excel?直接返璞归真

游戏策划用啥我不知道,但的确有种根据 Excel 电子表格 + RenPy 自动生成视觉小说的技术:

不如思维导图,the brain之类的,不用手动对齐

但思维导图能实现这种多个分支指向同一结局的情况吗?

在 Mermaid 出现以前,我使用的是 flowchart.js

选择这种工具有个好处:能专注具体业务。我太烦手动拉箭头了。

1 个赞

感谢推荐,我去研究研究。感觉应该很适合整理这种游戏文案。