基于Sugarcube 2.37的Twine 2初学者教程(1)

摘要:本系列教程面向完全没有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”。

在出现的框中为你的故事命名,不妨命名为“test”

完成命名后,点击"+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)。

如何添加存档和选项菜单。

欢迎留言!需要各类批评指正

来源:焦点教育资讯

相关推荐