有不少人说过

“你游戏里的素材是从哪里弄到的呀这么多

游戏我也会做只是我不会美工而已所以只好算了”

其实偶既不是美工也不是专业前端人士只是个JS爱好者

JS游戏中的素材都是想方设法从植物大战僵尸原作中获得的

当然获取也没那么容易

这个JS版植物僵尸基本一半时间是用于写程序

而获取和处理素材也占用了一半时间

下面偶介绍一下获取素材的过程

 

首先要在本机装上植物大战僵尸原版

当然是中文汉化版的最好不然做游戏中就没有中文素材了

然后再安装好游戏的三种辅助软件:


1。9项属性修改器,其中要用到的是用来停止僵尸行动的那个功能

2。BT修改器中文版,可以用来调僵尸和植物,以及做其他属性修改

3。辅助工具3.1,用来跳关,打包拆包游戏素材,允许后台运行等

 

然后必不可少的还有录像和转换软件

说明一下:游戏素材包里的植物和僵尸素材基本都是零碎的肢体

没有现成的GIF动画

而JS的效率所限难以像原作那样临时用程序拼接肢体

所以只能获取GIF动画作为游戏素材


偶用的是超级转霸

有屏幕录像、格式转换、视频播放的功能
 

GIF处理软件偶用的是GIF Movie Gear汉化版

这个小软件很简单实用,功能也比较强大

其他偶尔也用到一下Photoshop和画图板

主要是用于转换格式和临时编辑


获取gif简述过程如下

1。拆包(main.pak),在images目录下找到水池背景,用GIF处理工具把整个图片透明化,打包

2。进入小游戏“谁笑到最后”

3。不要点击开始进攻按钮,直接就可以开始获取素材了

这个时候背景是灰色的,除了中间的水池

在陆地上种植自己想要获取素材的植物

然后实用超级转霸的录像功能开始录像转换成GIF格式

僵尸素材的获取要麻烦些

先用BT修改器调出想要的僵尸

再用9项属性修改器可以停止僵尸的前进

然后实用超级转霸进行录像

当然一个僵尸要获取多种动作

比如正常的行走、倒地死亡、攻击植物、跳跃等

每个植物和僵尸一般都有好几个gif,所以录像要把需要的动作都要录到

4。获取了GIF素材后

要对相同的植物和僵尸的GIF进行大小上的剪裁

比如领带僵尸如果有5个GIF

那么就把这几个GIF都剪裁成相同大小

还要保证在不同GIF切换时看起来僵尸的位置要不变的而不是忽上忽下忽左忽右

然后就是一系列GIF的处理

大小、位置、循环、动作、调色板、帧数、优化等等

 

大部分素材都是在这个小游戏关卡中获取

当然也要看情况用到其他关卡场景比如解谜模式等

 

素材弄起来特别麻烦

最需要的不是美工的专业知识

而是耐心和全面细致的考虑

而且既要考虑到网络下载的速度也要考虑到GIF的质量

所以像什么缺胳膊掉腿烂饰品的中间GIF就没做了

既是觉得没必要也是一种小小的偷懒吧

GIF太多太耗时间谁来写程序啊。。。

那句老话

世上无难事只怕有心人

没有美工底子的偶花了那么多精力弄这些素材

还有不少人说粗制滥造呢 T _ T