乐园游戏网

PGMMV知识点-动画前面有讲到,场景的编辑流程是“资源-图块-场

简介: PGMMV知识点-动画前面有讲到,场景的编辑流程是“资源-图块-场景调用图块“。

文:江西恐龙(Dino)TiMi Club请到了有着丰富游戏从业经验的师兄Dino。

他制作的独立游戏《东东不死传说》,2017年曾被美国EVO格斗大赛选为参赛作品。

文中囊括了游戏编辑器的选择,素材获取的平台,以及干货满满的设计点。

从关卡设计到场景、角色的动画,到游戏的实际编辑与优化打磨,Dino师兄带你全部走一遍。

以下为分享原文:上次给大家分享了用OPENBOR制作游戏的方法后,有同学反馈说软件的编辑需要写脚本,学习门槛较高。

现在的独立游戏编辑器都在走轻量化、可视化的路子。

PGMMV的编辑界面采用了可视化状态机,操作面板和Unity等商业软件有点类似。

做出来的游戏可以打包输出Windows exe格式,就是可以在Steam上售卖。

别做什么独立游戏发售的春秋大梦了。

既然要制作Demo,那么美术资源就必不可少了。

图片来源:合金弹头在琢磨美术资源的时候,我突然想到了《合金弹头》。

这款游戏俘获了很多80后玩家的心,何不利用五一假期做一个简单的《合金弹头》Demo?

五一的时间有限,如果只是手绘黑白线稿应该来得及。

说干就干,我立刻在Steam上下单购买了PGMMV,然后开始筹备Demo的制作方案:Demo主要通过PGMMV制作。

学习引擎的时间建议放在五一前,我了几个官方Demo,看一下人家是怎么做的,这可以加快学习进度。

大部分人对《合金弹头》的印象都停留在第一代,因此我在Photoshop上针对初代的雨林关卡进行了二次创作。

我在热带雨林设计了一个地牢入口——前半段让玩家对经典雨林场景产生怀旧印象,情绪调动做足了。

设计点2游戏到达末尾时,我在瀑布悬崖的下方设计了纵版射击的玩法——玩家此时需要将屏幕竖起来玩。

但由于PGMMV目前不Switch的功能接口,因此这个设计只能算是纸上谈兵,目前阶段无法实现。

设计点3在所有人都认为打完关底BOSS就要结束关卡的时候,隐藏BOSS就正式登场了。

它的造型是我们生活中熟悉的扫地机器人的造型,而三根触手伸出来之后便可以行走自如。

配合火星的促销海报,给人一种忍俊不禁的幽默感。

光有奇思妙想还不够,还需要确定游戏的3C标准。

这里进行一个简单的数学换算,假如想做一款1080P的Demo,角色分辨率需要放大4.8倍变为135X175。

在原作中场景是静态不动的。

这次得益于强大的PGMMV引擎,用户可以做出多重卷轴功能。

我将场景分为了8层,分别为:8层:天空层,移动速率307层:远景灌木丛层移动速率506层:中景灌木丛层,移动速率605层:中景树木层,移动速率704层:近景建筑层,移动速率803层:近景树木层,移动速率902层:地面层,移动速率1001层:前景遮罩层,移动速率110移动速率指的是和角色之间的相对位移,100就表示和角色保持同步。

五一假期的第一天,我从早上7点画到凌晨3点,终于把场景部分全部完成。

潜水艇废墟热带雨林地牢DAY02·场景动画场景完成后,接下来可以考虑加入动的元素。

我们来试试给场景加一些下雨的动态效果:下的雨滴、滴在镜头上的雨滴。

前者用PGMMV自带的粒子系统制作,后者采用传统的2D画法来绘制——从网上雨滴的视频,然后逐帧截图。

观察雨滴的动态走势,一帧一帧的把球面扭曲的效果画出来。

连贯播放就变成了一滴雨的动画。

其他元素例如潜水艇的旗子、大树、杂草等,更适合2D骨骼动画。

其中龙骨是国内公司制作的一款全免费软件,主要操作流程是:将旗子或其他元素图片导入龙骨——绑定骨骼——绑定蒙皮——调试动画——导出序列帧图素。

到目前为止,场景部分的美术资源已经绘制得差不多。

在Photoshop里可以完整的拼接成一个大场景。

它是指在X轴左右方向可以无限拼接的绘制手法。

合金弹头的场景全长有六屏左右,如果全部手工绘制成本太大,也不利于引擎执行效率。

因此用许多二方连续图素来拼接大场景是2D游戏通用的做法。

例如画一段二方连续的地面,那么在Photoshop里可以拼接成一个无限长的地面,自然也可以在PGMMV里拼接出同样的效果。

DAY03·角色动画角色资源的绘制是以序列帧的形式。

所以找到官方的序列帧素材后,统一拉大4.8倍,再用线稿的形式逐帧描绘即可。

可以试着画一帧图,然后放到场景里感受一下效果。

这个时候也可以确定角色动画的底版尺寸。

把角色肢体伸展最远的一帧画出来,再来判断画板的尺寸采用256还是512。

在Photoshop里画好一个动作后,可以利用软件自带的动画功能来验证动画是否连贯(主菜单——窗口——时间轴)。

播放动画检查是否连贯,再根据效果进行动画的调整。

此外,过去的2D游戏为了制作角色边走路边射击的效果,是需要将角色的上半身和下半身分开绘制的,只有这样设计才可以让双腿一直循环播放动画。

我最终还是打算绘制完整的动作,放弃上下分离的方案。

出于时间的考虑,只绘制了主角、敌兵的部分动作。

PGMMV在编辑角色时,不支持多张PNG图。

单个角色的所有资源都必须存放在同一张PNG图里。

当角色的素材绘制结束后,还需要利用Photoshop的磁吸功能,将所有角色的单帧图整齐的排列到一张大图里。

鼠标拖拽的时候连角色和单色图一直移动,移动到合适的位置后,再隐藏单色图即可。

最终角色的完整序列帧大图输出之后,准备工作到此基本结束了。

DAY04·软件编辑接下来,开始实际用PGMMV制作游戏了。

接着,是很关键的两点:(1)图块的大小:这里的图块指的是行走层的碰撞格子大小。

假如是画幅比较大的游戏推荐64,假如是画幅比较小的游戏则推荐32或更低。

假如想制作一款720P的游戏,碰撞格子设置为64是比较合适的。

创建好游戏项目后,它的界面布局是这样的:(1)功能页签(2)子页签A(3)子页签B(4)操作区(5)属性区首先是顶部的【功能页签】:这个区域从游戏开发的角度。

任何一个页签都是重要的模块。

【子页签B】:这是第二层子页签,理解成另一个页签就好了。

【操作区】:这里是用户进行资源搭建的场所,属于核心页面。

用户需要在这里把场景图素资源整合到位,搭建出符合自己预期的一个游戏场所。

接下来还需要把制作好的主角、怪物扔到场景里待命。

如果用户点击对象,这里就变成了奥妙无穷的角色状态机编辑器。

你可以在这里以“状态-条件线-状态”的形式编辑角色的任何行为。

【属性区】:这个“属性面板“就是“子页签A、B”的子选项。

当用户点击页签的任意目标时,“属性区”都会显示该目标对应的属性参数。

介绍完了面板,接下来会说明如何将美术资源制作成可操作的Demo。

只要记住是这样的操作流程就可以了:资源——图块——场景——动画——对象——流程。

PGMMV知识点-资源在PGMMV官方的理念中,资源是一款游戏的源泉。

在资源模块里,还分有图像、字体、文本、视频、音乐等子页签。

PGMMV支持中文显示,因此可以创建类似角色、怪物、场景这样的文件夹。

接下来就把之前绘制好的所有PNG图都导入进去。

接下来就要在图块模块里进一步处理场景相关的图。

(导入,是从资源里面调用的意思。

)我把所有和场景相关的png图都导入了进来,命名和之前保持一致。

例如之前资源里有一颗树的图素叫做tree01.png,那么现在就可以创建这颗树的图块,名称可以和素材不一样,不过为了便于管理还是建议保持一致。

这个步骤可以看到,框选的红色格子是有固定尺寸的。

例如设置的是32X32,那么每一个红色格子都是这个尺寸。

有需要用到行走属性的图,就需要在图上面绘制行走格子。

这里我选择的是四方形都有碰撞属性。

PGMMV知识点-场景搞定资源和图块,已经可以开始制作场景了,让我们切换到场景这个模块。

最重要的一点是,当前场景需要用到何种图块,就需要用列表的左侧加号按钮来依次导入。

再次对着场景右键选择设置,可以再次进行图块的引用操作。

在下方的子页签里,右键新建一个场景。

场景宽度和场景高度的单位是1屏。

例如制作一个6屏的场景,那就都设置成6、1即可。

它对应的是右边属性栏里的“玩家可进入区域”、“镜头可及区域”。

目前经历过的流程是“资源-图块-场景调用图块“这个三层递进的步骤。

接下来,会发现图块这个区域,多了很多引用的资源。

并且行走格子都是事先画好的。

整个操作的感觉有点像是在左边盖印泥,然后在右边盖公章。

如果绘制的时候不小心点错了,也可以用橡皮擦涂抹掉重来。

当场景的图素都分层放置好以后,接下来可以右键选择场景设置,来修改层的位移速度。

根据近大远小、近快远慢的原理,已知我们主角的行走层默认速率是100,那么后面的层可以试试依次下降调整为90、80…

如果想修改场景的层数,可以在操作区上方进行添加或删减的操作。

PGMMV知识点-动画前面有讲到,场景的编辑流程是“资源-图块-场景调用图块“。

图块剥离出来的原因在于它需要在不同的场景里复用。

角色的编辑流程也需要考虑复用,因此为“资源-动画-对象调用动画“。

在这里可以右键创建一个动画主体,例如主角就是一个有很多组动画的主体,而旗子就是一个只需要一组动画的主体。

创建主角的主体后,依次创建不同的动画,例如待机,行走,跳跃等等。

例如行走的动画,每张图停留3帧。

至于角色什么时候开枪、跳多高,这些逻辑要在状态机里编辑。

这个时候就需要从排列好的整图里面来选取了。

前面三个都很好理解,接驳点可以理解为一个骨骼点,在其他脚本调用接驳点时可以用于发射子弹,或者播放特定的特效。

PGMMV知识点-对象当编辑好了一个角色的不同动作后。

PGMMV的是角色状态机编辑方式。

这个编辑方式非常先进,有点像Unity里的Playmaker。

首先在对象模块列表里右键创建一个角色,大家会看到操作区域暂时还是空的。

这个时候在操作区右键添加行动,行动里选择对应的动画,你便拥有了第一个状态。

点击行走,会看到“改变水平移动速度”默认是100。

在这里100就是表示不动,如果设置成150,那表示以50的数值来进行X轴的位移。

同理,在跳跃动作里把“改变跳跃速度”改成150。

这样跳跃动作就有了Y轴的力了。

这个表示该角色从诞生的时候开始,第一个播放的动作就是待机。

那就是玩家松开按键的时候,那么这时候拉一根箭头回到待机,选择“无输入“,即可达到目的。

现在,我们拥有了一个简单的角色,通过按键“←”或者“→”来切换待机和行走两个状态。

顺便还可以测试一下场景的多重卷轴效果。

我们回到场景的模块,选择之前创建好的场景,接着在上方的“子页签A“里,点击对象,便可以找到编辑好的主角对象。

这里有一个很重要的一点:那就是场景必须选择行走层,这样角色拖进去就是位于行走层。

否则如果鼠标选中的是其他层,角色便会诞生于一个没有行走碰撞格子的层了。

对准场景右键点击“设置为开始场景“,然后点击界面右上角的播放按钮进行测试了。

目前场景框架和角色行走都已搭建完成,PGMMV整个工具流算是走通。

DAY05·优化打磨接下来需要处理的有四部分内容:(1)主角还有其他动作需要配完,杂兵也需要配置。

(2)场景需要加入动态元素,比如序列帧植物,下雨的雨滴。

(3)两个场景之间的串联需要配置。

角色的新动作配置,有了前面的经验。

既然已经学会了怎么制作“待机“和”走路“,那么制作”开枪“、”跳跃“、”跳跃中开枪“应该很容易的一件事吧。

他们的基本逻辑如下:按K:开枪按J:跳跃跳跃中按K:跳跃开枪编辑杂兵的时候也是一样的思路,这次杂兵来不及制作攻击行为,就暂时只有待机一种动作。

总而言之,利用状态之间的跳转条件,来编辑状态的转换,正是状态机这种逻辑的魅力所在。

只要掌握了状态机的编辑原理,利用这套系统编辑出类似《胧村正》的连技手感应该不会太难。

也就是资源——动画——对象这样的流程。

那么把会动的树编辑成对象,再把这个树的对象摆入到场景里,不就可以让场景生动起来吗?

用这样的方法,把植物、旗子、雨滴都编辑到场景里。

也就是说,每一个雨滴、每一棵植物都是一个中立的小怪,你看到的场景中所有会动的动画,都是用这种对象的形式放上去的。

最后,因为关卡设计中有两个场景:热带雨林、地牢。

把它做到游戏里,正好可以验证“场景切换“的功能。

通过之前的场景编辑经验,我把地牢也分为了以下不同层级:6层:墙壁层5层:天花板铁架层3层:地面层2层:木支架层1层:前景遮罩层图片来源:CPS1基板,CAPCOM出品,《复仇者》在设计地牢的时候,有考虑到牢房的突发。

例如玩家可以打开门,门后面随机出现敌人或等待救援的美女。

而关底隐藏BOSS的出场,原本也是打算用序列帧的方式将触须刺穿墙壁的过程表现出来。

如果再给我几天的时间,或许可以把章鱼怪的战斗动画都给做出来。

制作完地牢这个场景后,打开“流程”这个模块,创建两个场景的链接转移。

只要设置好传送门的坐标,玩家便可以来回切换——如同《恶魔城》里面的场景切换一般。

最后是音乐和音频的配置,引擎默认支持ogg格式。

我用EVCapture录屏软件录制了《合金弹头》1代的关卡音乐以及开火音效,然后用Goldwe进行切割转换,得到了5个最终资源:关卡雨林音乐关卡地牢音乐开枪音效敌兵死亡语音1敌兵死亡语音2场景点右键设置,这里可以配置场景音乐。

而在角色动画里,可以具体到某一帧来配置音效,非常方便。

敌兵的死亡也是在死亡动画里配置的。

五天的挑战终于迎来了成果,最后试玩一下自己设计的手绘风《合金弹头》Demo吧。

本次通过PGMMV这款软件制作了游戏Demo,我总结出了以下知识点:(1)可视化编辑环境将游戏逻辑具象化显示,提升了工作效率。

(2)这款软件全程不需要代码或者脚本知识,但是仍需要一定美术资源拆分的经验。

(3)合理规划关卡设计,来不及画的资源和做不到的功能,要学会适时放弃。


以上是文章"

PGMMV知识点-动画前面有讲到,场景的编辑流程是“资源-图块-场

"的内容,欢迎阅读乐园游戏网的其它文章