Visionaire Studio

一年多以前，我曾经介绍过 Visionaire Studio 这款很不错的点击冒险游戏引擎，但是因为本来就是本着介绍的目的，大概的写了写，浅尝辄止。不过后来发现还真的有一些同学对 Visionaire Studio 颇有兴趣，而现在满中文网络也难找到相应的更加深入的内容，国内网络搜到的基本上都是 indienova 原文的翻版或者转载。而官方其实是有教学视频（油管）的，但是一个是版本较早，还有一个是节奏好慢……

于是，我抽空儿自己上手试了试，现在整理了一些心得，希望能够帮助到其它有兴趣的同学，更希望能够起到抛砖引玉的作用。

话说现在这么流行 Unity，为什么还要考虑这些不太主流（社区较小）的引擎呢？因为像这种专门针对某一类型的引擎，开发起游戏来确实会更加得心应手，提高效率，可以让开发者更专注到游戏本身。所以还是有一定的存在价值的。

至于 Visionaire Studio 的介绍，看一下之前这篇就好了。新的消息是，除了之前的那些平台，很快也要支持 Switch 平台了，Good！

下面就准备开始教学内容了。我目前也是个纯粹的新手，边学边做，难免会出现很多纰漏，希望有经验的大侠不吝赐教，大家共同提高！

另外并不能保证教程的更新频率，因为确实事情太多，但是如果有兴趣的同学多的话，会尽量更新。

准备工作

Visionaire Studio 5 是有 Test 版本的，所以开始学习的时候用这个版本就足够了。而它的 indie 单用户版本也确实不贵，才 49€，用着趁手并且真准备用它做自己游戏的话不妨在试用后购买。如果要发布移动版本或者以后的 Switch 版本则需要购买更完善的 Package，125€ 也可以说真香。

所以我们的教程需要：

• Visionaire Studio 5
  https://www.visionaire-studio.net/downloads/visionaire-studio/

• 然后我们需要一款官方 Demo 游戏（Fantasy Quest）中包含的素材，这样大家可以在同一个起跑线上，它在这里：
  https://www.visionaire-studio.net/downloads/out/fantasy-quest/

今天的内容

我们今天要完成的是一个基本游戏的搭建。然后让一个角色在场景中行动起来。

要完成的任务：

1. 创建新游戏；
2. 创建一个场景；
3. 创建一个角色；
4. 让角色在场景中行动。

准备素材

为了方便，我们前面已经提到说下载一个 Demo 游戏，但是我们将只用到它里面的素材。

我们项目素材（assets）目录看起来差不多是这个样子：

其中：

• audio 目录，复制了 Fantasy Quest 里面的一首背景音乐；
• characters 目录，将 Fantasy Quest 里 knight 的目录整个复制过来，这里有骑士角色全部的动作，我们这次就直接使用它们；
• scenes 目录，复制了 Fantasy Quest 里面的洞穴的背景图，这一讲只需要它；
• 最后是 ui 目录，我们复制了光标的两个状态，两张 png 到这里。

创建新游戏

现在可以直接创建一个新游戏了，Visionaire Studio 进入的界面就可以创建。第一个新建是给熟悉的人用的，而第二个创建则是说会搭建一个最基本的游戏外壳，但是实际用起来都是空的新游戏，可能跟测试版有关吧。所以选择第一项即可。

创建之后，就会来到游戏的基本属性设置，一款点击冒险游戏最最基本的是要有一个场景和一个角色，目前我们什么都没有，所以这时如果想要跑的话，是会出错的。所以我们必须要从建立场景和角色开始。

创建场景和角色

我们已经复制了这一讲必须的素材，那么一个场景需要的就是背景图和背景音乐，以及各种各样可以交互的物品。我们今天先只放上背景图，顺便加上背景音乐。

我们这一讲会用到箭头指示的几个部分：

点按相应的图标，就可以进行相应的操作，那么我们先选择场景。

点击“+”就可以添加场景或者菜单，我们这次只需要 Scene 场景，所以选择 Scene，取个名字叫做 Scene_Main，场景就算建好了。

一个场景可以有背景图片和音乐，Visionaire Studio 有一个奇怪的 UE 设计，就是选中场景名称后，点击上方的 Properties 来进行设置，开始找了半天。将我们准备好的背景图和音乐加进去，下图是设置前后的样子：

这样，我们的场景的第一步就算准备好了，接下来准备角色部分。

点上方角色的图标，进入角色编辑。

也是同样的，添加一个名为 Player 的角色，然后将右侧的 Outfit 中的 UnNamed 改成 Player_Normal。打开折叠内容后可以看到系统已经预制好了走路、站立等角色对应的动作，我们只要把相应的角色序列图片（前面已经准备好了）导入进来就可以。我们这一次只需要简单的四个方向行走和站立的内容。

这里操作的重点是：选择每个不同的动作，一共八个（行走四方向，站立四方向），然后分别将序列帧导入，导入后可以预览，但是别忘记定义中心点，我们定义的是 (150, 200)。

OK，角色的最基本动作已经准备好了。一行代码没有写。

接下来我们可以修改游戏设置了，新的设置如下：

几个需要修改的下拉框现在都有内容可选了，我们选择前面制作好的 Scene_Main 场景和 Player 角色，分辨率设置成 1280x720 是因为那张背景图的尺寸就是这个。

现在，可以试着运行了。

如果前面没出错误的话，现在应该已经可以运行了，会出现背景以及音乐。

接下来让人物走起来。

在场景中行走

Visionaire Studio 有一套自己的“代码（Action）”系统和脚本系统，脚本可以写 Lua 和 Shader，但是一般的操作都是可以直接使用它的 Action 系统的。这套系统只需要选择既有方法，然后确定一些参数即可，也相当于是不用写代码。

那么我们就接下来试一试，将角色添加到场景里面去。

首先，让我们选择场景。选择 Scene_Main。点击 Actions （1）标签，会发现可以添加新的。添加后，会发现出现一个默认的“Called by other action”（2）。其实我们不需要其它 Action 调用它，而且引擎也准备好了一些默认的方法，我们要在场景一开始就将角色添加到场景中去，那么 Visionaire Studio 当然已经准备好了。可是它在哪里呢？在图片上（3）那里…………

好吧，习惯它就好。我们可以选择“At beginning of scene”，这样，这个 Action 就可以在场景开始的时候就执行了。

确定一下，就是这样：

然后我们到下方的 Action 区域，可以添加我们的第一个 Action，给角色定位。

为了省一些口舌，我特地录了一段视频：

执行了以下步骤：

1. 选择添加 Action；
2. 在弹出的预制 Action 菜单中选择 CHARACTER；
3. 然后选择 Set character to position；
4. 其实这就完成了，但是我们要给角色定个位，所以我们可以直接修改 Position 数字，但是在上图我们用了更加简单的方法：点击定位图标，会直接打开场景，我们只要用鼠标选择一下角色出现在哪里就好了。

现在运行一下，如果没有问题的话，角色已经出现了。

小结

您现在用鼠标点一下屏幕，会发现角色都可以走动的…………不过显然有些问题……那是因为……我们还没有做好其它部分。

不过，我们其实没有写任何代码，对不对？

天色已晚，我们下一讲再继续。下一讲会真正的按照您的想法让角色走起来。