Visionaire Studio 入门教程 #1:创建新项目

作者:eastecho
2019-05-30
11 9 2

Visionaire Studio

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

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

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

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

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

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

准备工作

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

所以我们的教程需要:

今天的内容

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

要完成的任务:

  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 数字,但是在上图我们用了更加简单的方法:点击定位图标,会直接打开场景,我们只要用鼠标选择一下角色出现在哪里就好了。

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

小结

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

不过,我们其实没有写任何代码,对不对?

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

近期点赞的会员

 分享这篇文章

eastecho 

从前的边城浪子,现在的路人乙 

您可能还会对这些文章感兴趣

参与此文章的讨论

  1. 越陌丶度阡 2019-05-30

    可以了解一下这东西,或者在gamejam上尝试下

  2. Johnson 2019-05-30

    简直就是神器啊,我要好好学一学

您需要登录或者注册后才能发表评论

登录/注册