摘要:本系列教程面向完全没有Twine开发经验的初学者,目标是人如何在患有失忆症的情况下自学Twine帮助你快速上手以及绕开一些无谓的弯路,使用Twine制作属于交互式故事或游戏。在第一篇中,我们将简单介绍Twine、SugarCube,以及为什么选择SugarCu
本系列教程面向完全没有Twine开发经验的初学者,目标是人如何在患有失忆症的情况下自学Twine帮助你快速上手以及绕开一些无谓的弯路,使用Twine制作属于交互式故事或游戏。在第一篇中,我们将简单介绍Twine、SugarCube,以及为什么选择SugarCube而不是Harlowe,并完成第一个简单的互动故事。
Twine 是一个免费的开源工具,用于创建交互式故事和文字冒险游戏。它不需要编程经验,你可以通过简单的链接和逻辑结构制作出复杂的游戏。然而,随着项目复杂度的增加,学习一些基础的编程和选用合适的格式(如SugarCube)将会大大提高你的开发效率和自由度。
为什么不用Twine App版和Harlowe?
1. 为什么不建议使用App版的Twine?
Twine有网页版和App版(桌面客户端)。App版可以离线使用相当方便,但它:
更新频率慢:App版的更新通常滞后于网页版,尤其在支持最新功能或修复Bug方面。
存储管理不便:App版的存档系统容易出现错误或不便于管理,尤其是当你需要手动备份或在多台设备上开发时。
插件支持不足:有些扩展功能或社区工具更适合在网页版使用。
因此,新手常推荐直接使用网页版的Twine,既可以实时更新,又能方便地导入导出项目。
使用任意搜索引擎搜索Twine,进入如下页面。
点击Use in your browser默认进入Twine 2,首次进入应该是空白的,点击右上角的“+New"即可开始创作新故事2. 为什么选择SugarCube而不是Harlowe?
Harlowe 是Twine的默认格式,但就目前来说,它的扩展性还有待提高。以下是SugarCube优于Harlowe的几个关键原因:
功能更丰富:SugarCube提供了更强大的功能和API,适合制作复杂的游戏,比如状态管理、存档系统、计时器等,这些功能Harlowe支持得不够好或需要额外操作。
可控性更强:SugarCube允许你编写更灵活的代码,提供了更详细的文档和优秀的调试工具。
社区支持更广泛:SugarCube在Twine社区中更受欢迎,几乎所有高级教程都会以SugarCube为基础。
兼容性更好:SugarCube兼容性好,不会出现Harlowe中一些令人困惑的Bug或限制(例如数组和逻辑操作的支持问题)。
SugarCube更适合希望学习并开发复杂或可扩展游戏的开发者。Harlowe虽然简单,但局限性太多,容易在后期成为开发瓶颈。
准备工作
在开始之前,确保你已经完成以下准备:
1.访问Twine的在线编辑器,推荐使用chrome作为浏览器:
打开 Twine官网,点击“Use in yout browser”开始使用网页版。
2.设置故事格式为SugarCube 2.37:
打开Twine编辑器。
点击上方最右边的”Twine"标签,再选择Story Formats下拉Story Formats中的选项,
找到“SugarCube 2.37”(在最下方),并点击“Use As Default Story Format"。
完成之后应该就像这样👆 在主界面上方最左边选择“Story”标签,点击“+ New”。
完成命名后,点击"+Create"。这会生成一个空白项目,你将从这里开始。
创建第一个互动故事
1. 理解编辑器界面
Twine的编辑器是一个可视化的“节点图”,每个“节点”(或“Passage”)代表游戏中的一个场景或页面。可以通过链接将这些节点连接起来,形成故事的路径。
此时默认的第一个节点叫“Untitled Passage”,它是故事的起点。双击后右边出现白框,进入编辑模式。
点击编辑模式白框中的“Rename”,对第一个节点,这里暂命名为"start"2. 编写第一个节点内容
在“start”节点中输入以下内容:
欢迎来到我的第一个互动故事!
你现在站在一片神秘的森林中,前方有两条路。
[[向左走|Left]]
如果出现了编辑框遮挡左侧故事结构的情况,可在上方高亮zoom处交替单击第一个方框图标和第二个田字方框调整内容说明:
[[向左走|Left]]:这是一个链接,显示为“向左走”,点击后会跳转到名为“Left”的节点。
[[向右走|Right]]:同理,点击后会跳转到“Right”节点。
编辑完成后,可单击编辑框上的start部分以收起编辑框3. 创建分支内容
为“Left”和“Right”创建分支内容。
在主界面,双击“Left”节点框
在“Left”节点编辑框中输入以下内容:
你向左走,发现了一座废弃的小屋。
[[返回起点|start]]
此时分支“left"变为实线框,说明已有内容,另外注意Twine区分大小写同样,双击“Right”节点,输入以下内容:
你向右走,看到了一条小河。
[[返回起点|Start]]
4. 测试你的故事
点击右上角的扳手按钮(“Test From Here”),运行你的故事。你应该能够在三个场景之间自由切换:
如果选中最初的start页面测试的话可看到这一界面,注意这里默认是在debug模式下,所有的宏都会显示,所以会有[[link]]字样如果不想看到宏,请单击右下角小甲虫图样把views关闭然后就没有[[link]]图样了备份保存
完成编辑后,点击Build标签下的Publish to File即可保存至本地补充:简单的SugarCube功能
SugarCube提供了许多强大的功能,即使是新手也可以快速使用一些简单的功能。例如:
1. 显示玩家状态
在“Start”节点中添加以下代码:
>
你有
>金币。
关闭Views后显示的效果说明:
>:设置变量$gold为10。
>:显示变量$gold的值。
运行后,玩家将看到“你有10金币”。
2. 简单的条件分支
在“Left”节点中添加以下内容:
= 10>>
你用10金币买了一把剑。
>
>
你没有足够的金币买剑。
>
说明:
>语句用于判断条件是否满足。
>语句修改变量的值。
运行后,如果玩家有足够的金币,就会购买剑;否则会显示金币不足。
由于一开始给定的就是10金币,正好够买如果有下一篇教程的话,我们将深入学习以下内容:
如何使用更多变量和逻辑(例如计时器和复杂分支)。
如何自定义游戏的外观(CSS)。
如何添加存档和选项菜单。
欢迎留言!需要各类批评指正
来源:焦点教育资讯