RPGMAKER游戏引擎基于JavaScript的插件制作（六）——重写方法（三）：在场景（scenes）中创建精灵（Sprite）——复制式重写的实例教学
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了RPGMAKER游戏引擎基于JavaScript的插件制作（六）——重写方法（三）：在场景（scenes）中创建精灵（Sprite）——复制式重写的实例教学，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含6455字，纯文字阅读大概需要10分钟。
内容图文
因为要开新坑了，准备连续更新把这个插件制作的坑填完，之后更新的是“可交互精灵——事件绑定教学”，“窗口（windows)教学"，"自动战斗AI实现——学会自我挖掘引擎功能”。
6.1辨析场景（scenes），窗口（windows），精灵（sprites）
打开文件夹发现这三种对象都各自有一个JS文件来创立，这几个概念大家是容易搞混的，这里我直接帮助大家区分：
scenes：游戏运行时最底层栈所显示的对象，就像一块一样画板，是各种精灵（颜料），窗口（画布）对象的活动场所，切换场景时，应该是把原先的场景清除出栈，再载入新的场景。
常见的有“基础场景（Scene_Base）“，“开始界面场景（Scene_Title）”，”地图场景（Scene_Map，主角在大地图上活动的场景）“，”战斗场景（Scene_Battle，进入战斗后的场景）“
windows：基于场景，跳出后覆盖场景，只能对于位于栈顶的窗口进行操作，退栈之后退回到上一个窗口或者场景，就像在一块画板上铺一层画布。
常见的有读取存档窗口，角色属性窗口，背包窗口。
sprites：看到精灵，大家都会想到是个轻盈，可以到处飞的小家伙，精灵就是可以存在于各种场景，窗口上面，又不影响其运作的东西，而且精灵的功能非常多，可以作为图标，按键，角色等等，是我们最常用的对象。
接下来我将复制一个精灵，并将其安放在地图场景中，来教大家复制式重写，以及精灵，场景对象的运用。
6.2 代码逐段解析
下图是这次的目标，在大地图场景中的左上角放一个闹钟图片精灵和一个文字精灵，Let’s go！
我将逐段解析，大家最好打开项目跟着我的指导做，自己键入代码，写上注释。
6.2.1 前期工作——设置命名空间，插件参数
为了让大家养成良好习惯，还是要写一下命名空间，对于较小的插件，创建的命名空间就和插件名称一样即可：
//==================================================
//spriteTest
//===================================================
/*:
*@plugindesc 精灵，位图，场景实验插件
*@author 进入盛夏之门
*
*@param text
*@desc 这是显示的字符段
*@default 我是一个闹钟
*
*/
//建立命名空间，用于储存这个插件用到的插件变量和函数
var $spriteTest = $spriteTest || {};
//将这个插件中的变量放入这个命名空间中
$spriteTest.Parameters = PluginManager.parameters('spriteTest');
//设置构造函数存储参数插件参数（即上面的text参数）
$spriteTest.Param = $spriteTest.Param || {}
按套路写好插件头，创立命名空间，我这里命名空间只是用来储存text这个插件变量，这样子方便在引擎界面修改，严格来说，插件中自建的函数一般都要放在命名空间的原型链上，我这里为了减少Bug就没那么做。
6.2.2 复制系统的精灵类，构建专属精灵类
//我们对系统提供的精灵类进行复制，创建一个"mySprites"
function mySprites() {
this.initialize.apply(this, arguments);
}
mySprites.prototype = Object.create(Sprite.prototype);
mySprites.prototype.constructor = mySprites;
mySprites.prototype.initialize = function () {
Sprite.prototype.initialize.call(this);
//以上为固定写法，不需要弄清楚
//以下是设置这个精灵类的共同属性，所有这个对象构造的精灵都具有的属性，类比C++中的类
/*设置框架，即精灵所处矩形范围，精灵的活动区域被限制在此框架内，四个参数分别为左上角的X,Y的坐标，宽度（横），长度（竖）
需要注意的是X和Y一般是负数，如果大于0图片就会往屏幕外移动*/
this.setFrame(0, 0, 100, 150);
//运行创造子精灵的函数
this.createAll();
//绘制位图（bitMap）的文字函数
this.drawText();
//move作用和setFrame是一样的，两个数值相当于把框架沿x轴y轴移动多少单位
this.move(20, 10);
};
这里就是用我前面提到的复制式重写方法，为了不影响其它精灵对象的运行，我们复制了一个精灵对象，其继承的是"Sprite"类的属性和方法，我们在构造函数就对其进行修改，设置初始值，也就是这个类mySprites的共同属性。
有人可能觉得new一个新的精灵对象后再进行一些调整更加方便，但是如果这个是个需要反复使用，且具有共同特点的精灵时，复制式重写就更加方便，并且这样利于代码调试。
这里createAll（）函数将在后面定义，作用也是创建精灵，之所以这样写是我为了可以通过new一次mySprites创建两个精灵，这样做是基于一个精灵可以作为”容器“包含多个子精灵。
一般来说不会在构造函数中套娃，易于理解的方式如下：
function mySprites() {
this.initialize.apply(this, arguments);
}
mySprites.prototype = Object.create(Sprite.prototype);
mySprites.prototype.constructor = mySprites;
mySprites.prototype.initialize = function () {
Sprite.prototype.initialize.call(this);
在这里写上精灵的专属属性
}
在这里定义精灵的其它方法
//分别创建多个对象
var object1=new mySprites(bitMap);
var object2=new mySprites(bitMap);
系统中其它精灵的构造大多是这样的，如：
我们这里使用另外一种方法构造精灵，即套娃式构造。
6.2.3 具体的精灵对象创建
mySprites.prototype.createAll = function () {
//使用图片来建立精灵
this._clock = new Sprite(ImageManager.loadBitmap('img/pictures/', "clock", true));
//使用系统提供的位图对象建立精灵,这里使用的是一个空位图，具体的文字会用drawText函数上描绘
this._cont = new Sprite(new Bitmap(240, 200)); //定义位图的宽和高
//anchor，范围0-1，设置精灵起始点，0.5可以让其居中显示
this._clock.anchor.x = this._clock.anchor.y = 0.5;
/*这里的setFrame是精灵中的精灵活动范围，低级精灵不能超过其容器活动范围，不然无法显示
_clock精灵属于mySprite类，其活动范围不能超过他的类，如果不setFrame，系统将会给一个默认值*/
this._clock.setFrame(0, 0, 100, 100);
this._clock.move(32, 42);
this.addChild(this._clock);
this.addChild(this._cont);
};
//这里定义了一个函数，是用于对前面构建_cont精灵所用位图进行描绘的
mySprites.prototype.drawText = function () {
this._cont.bitmap.fontSize = 30; //设置字型大小
this._cont.bitmap.textColor ="rgb(0,0,255)"||'red'; //设置字体颜色，可用RGB表示法或者英文字符
//'' +：根据JavaScript语法规则，可以将后面的数据强制转化为字符串，这里$spriteTest.Parameters.text原本就是字符串，这样做法是为了防止出错
var text = '' + $spriteTest.Parameters.text||"我是一个闹钟 "; //设置文本
this._cont.bitmap.drawText(text,0, 88, 136, 44);
}
创建精灵对象的方法是:new Sprite(位图对象)，这其中的位图对象：
一可以是储存于游戏根目录下的png图片，其导入方式是分别以字符串的形式写下它的路径，文件名，后面的实参我尚未搞懂。
二可以用系统提供的位图对象创建，格式如代码所示，这里需要注意，使用位图对象可以”先斩后奏“，用它构建完精灵后再进行描绘。
上面我的文本使用的是插件变量。
6.2.4 进行创建精灵触发
我们虽然定义了一个精灵，但是发现并没有触发创建这个精灵的操作，即我们需要new一下这个精灵。
这里的触发方式有很多，包括插件指令触发，按键触发（下一章讲），特定场景触发，我们这里采用最后一种：
SUBupdate = Scene_Map.prototype.update;
Scene_Map.prototype.update = function () {
SUBupdate.call(this);
this.myMapSprite = new mySprites();
//前面已经说过，在构建对象的函数里面已经设置了对象初始值，这里就不需要再设置了
this.addChild(this.myMapSprite);
//用addChild函数将精灵加入场景中
};
这里也用到了覆盖式重写，大家需要注意，我们要选择在正确函数内触发，我们要在大地图上显示，就不能在Scene_Base或者Scene_Battle 中重写，而且我们需要每一帧都维持这个精灵，这就需要将其写在update函数上。
大家如果觉得有用的话，给个赞再走吧，码字不易，你们的鼓励是我的动力，如果有什么看法欢迎回复
后续文章很快发布，大家多多关注
内容总结
以上是互联网集市为您收集整理的RPGMAKER游戏引擎基于JavaScript的插件制作（六）——重写方法（三）：在场景（scenes）中创建精灵（Sprite）——复制式重写的实例教学全部内容，希望文章能够帮你解决RPGMAKER游戏引擎基于JavaScript的插件制作（六）——重写方法（三）：在场景（scenes）中创建精灵（Sprite）——复制式重写的实例教学所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。