6

纯文本也能开脑洞,写一部属于自己的互动式小说:Inky

 3 years ago
source link: https://sspai.com/post/61074
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

Matrix 精选

Matrix 是少数派的写作社区,我们主张分享真实的产品体验,有实用价值的经验与思考。我们会不定期挑选 Matrix 最优质的文章,展示来自用户的最真实的体验和观点。

文章代表作者个人观点,少数派仅对标题和排版略作修改。

我想你一定体验过文字游戏或者互动小说,这是最古老的一种游戏类型,通过文本、语言来描述和操控游戏或小说中的角色、场景、动作。不同分支的选择,会让剧情最终走向不同的结局。

NBFzeqf.jpg!web 文字游戏:Saige

其实想写一部互动小说也很简单。如果你对写互动小说感兴趣,那接下来的内容就是为你准备的。

只需要一台电脑和一个软件

首先不需要你有任何软件编程的基础,只要你有一部电脑,Mac 或者 Windows 都行。然后安装一个叫 Inky 软件。

7vQBJni.png!web

Inky 是一个互动小说的脚本编辑器,不要被它的名字吓到,你就把它看成是一个普通的文本工具就行了。

JBVfy2F.png!web Inky

Inky 官方下载 。安装好之后打开,就可以开始写互动小说啦。

开始写吧

打开编辑器,左边是写故事的地方,右边是预览效果。

Q3Uzami.jpg!web Inky 软件界面

我们先点一下保存,并起个小说的名字。之后编写的过程中要时刻记得快捷键保存一下。

接下来我以大家都很熟悉的《三个和尚》的故事为例,带大家写一个很简短的互动小说。

qYfyEzR.jpg!web

每个故事都有一个背景,我们也先在左边写几段这个故事的背景。

从前有座山,山上有一个破庙,有一天,一个小和尚来到庙里。他每天挑水、念经,生活过得还不错。

但是不久,来了个高和尚。他很渴,就把半缸水喝光了。然后小和尚让他去挑水。

QVv2AzZ.jpg!web

接下来我们给高和尚设计两个选择,一个是高和尚希望两个人一起去挑水,一个是高和尚自己去挑了一桶水。用两行分别写上高和尚的两种选择,并在每个选择前面打一个加号。

u2aAn2Y.png!web

在这里,每个加号后面都代表一个选项,可以是一个,也可以是好几个,完全取决于你想怎么写。

就像平行宇宙那样,每个选择后面都应该有不同的剧情发展。现在我们要写高和尚两个选择对应的后续剧情。

剧情1就是两个和尚一起去挑水,剧情 2 就是高和尚自己去挑水。

我们在每个剧情前面用两个等于号加一个剧情名字来区分。每个剧情叫做「结点」。

aIvmUjQ.png!web

怎么把上面的选项和下面的结点连结起来呢?我们在高和尚的两个选项后面分别输入减号与右尖括号,再后面是跳转剧情结点的名字。这个叫「跳转」。结点名字可以按照自己的喜好随便取,但是不能有空格、中文,在整个故事中也不能重复。不然就乱套了。

UV7rAbY.png!web

好了,写到这里我们可以看看编辑器右边的效果。先是故事的背景,然后小和尚让高和尚去挑水,接着出现两个选择。我们点其中一个选择,发现故事朝着我们编写的选项的跳转剧情结点发展。

如果想回到上一步选择,可以点编辑器右上角的返回箭头。如果想回到故事的第一个选项,可以点击双返回箭头。

基本上一个互动小说就是由结点(knots)、选项(choices)、跳转(divert)这三个部分组成的。只不过剧情和分支的复杂程度不一样罢。

FNBfiyb.png!web

现在故事继续,接下来又来了一个胖和尚的结点。我把上一步的两个结点走向都跳转到这个结点。也就是说,不同的分支选择也可以在后续发展到同一个剧情结点。完全取决于你想怎么写。

这时候两个和尚让刚来的胖和尚自己去挑水,我们给胖和尚设定了两个选择。

胖和尚愿意自己去挑水和胖和尚不愿意去挑水。

然后把两个选项对应的结点写出来,并指向跳转。

第一个跳转结点,胖和尚喝完了自己挑来的一桶水。剧情继续发展。我们继续编写后面的结点、选项和跳转,一直到故事结束。

第二个跳转结点,胖和尚不愿意去挑水,三个和尚都没有水喝了。剧情直接跳转到 END。

I7zaUrN.png!web

END 跳转是故事或者说小说的结局。每个故事都必须有结局跳转,不然就会报错。

jeUfueq.png!web

按照这样写下去,就是一部互动小说啦。是不是很简单。你也可以再加一些细节,比如可以像这样在结点中插入图片。也可以在故事结束后加一个重启故事。或者给小说换一个深色主题。如果你会一点 CSS 类,还可以自定义故事的样式。

3MfiI3N.jpg!web

比如我 之前就通过写 CSS ,做出一个消息对话的效果。

6RJ3amz.jpg!web

在官方的 中文文档 有非常详细的编写说明,推荐你仔细看一遍。感兴趣的话可以看看我刚才写的 《三个和尚》Demo

让别人读

写好的互动小说光是自己读可能比较无聊,可以把它发布出来分享给别人读。我们可以点击编辑器菜单栏的「file-Export for web」,就能导出成网页。可以把网页发布到服务器上并绑定域名,别人通过访问网站域名地址就能读到你写的互动小说啦。

6NBnieQ.jpg!web

关于把互动小说发布上线有很多种方法,比较复杂,这里就不展开了。如果大家感兴趣的话请在评论区留言,我会考虑再制作一期视频教大家如何把导出的网页发布上线。

最简单的是会写,最难的是会写

用工具学会写一部小说并不难,难的是如何写出精彩的故事和设计巧妙的剧情。我相信这方便你一定比我厉害。

> 下载少数派客户端、关注少数派公众号,了解更精彩的数字生活 :leaves:


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK