RPG Maker mv框架代码解析之Sprite_Button
1 Sprite_Button
rpg maker mv框架中的按钮组件,一般作为窗口组件的成员使用。
2 原型
Sprite
3 方法
3.1 update
callback,Sprite_Button对象更新的入口函数,一般有父组件的update发起调用。
- 调用原型的update
- 更新自身Frame(按钮cold、hot状态的图片显示)
- 调用按键动作触发处理
3.2 updateFrame
根据touching状态判断选择更新为cold frame,还是更新hot frame:
3.3 setColdFrame
创建coldFrame对象,参数如下:
- bmp在图片中的位置的起点:x
- bmp在图片中的位置的起点:y
- 图片的宽
- 图片的高
3.4 setHotFrame
创建hotFrame对象,参数如下:
- bmp在图片中的位置的起点:x
- bmp在图片中的位置的起点:y
- 图片的宽
- 图片的高
3.5 setClickHandler
Sprite_Button的按键响应的具体处理是在外部定义的,保证了按键组件与具体的业务解耦合。通常是parent组件的方法。
setClickHandler方法负责将按键响应处理方法注册到Sprite_Button对象中。
3.6 callClickHandler
每次update时调用到此方法,触发按键响应处理。
3.7 processTouch
按键响应总的处理入口,识别Sprite_Button对象是否处于touching状态,再根据touch的释放状态调用callClickHandler:
3.8 isActive
判断自身是否是active状态,依据是从自身开始,依次遍历并判断父组件是否是visible状态。只要有一个不是,则处于非active状态。
3.9 isButtonTouched
判断自身是否被touch,依据是TouchInput组件的位置是否在自身范围内。
由于TouchInput组件的位置信息是全画面的,并不是本窗口,本Sprite_Button对象的相对位置。因此需要使用canvasToLocalX和canvasToLocalY方法将绝对位置信息转换为相对位置信息。
3.10 canvasToLocalX
绝对位置的x转换为相对位置的x。
3.11 canvasToLocalY
绝对位置的y转换为相对位置的y。
4 Sprite_Button创建实例
Window_ShopNumber.prototype.createButtons = function() {var bitmap = ImageManager.loadSystem('ButtonSet');var buttonWidth = 48;var buttonHeight = 48;this._buttons = [];for (var i = 0; i < 5; i++) {var button = new Sprite_Button();var x = buttonWidth * i;var w = buttonWidth * (i === 4 ? 2 : 1);button.bitmap = bitmap;button.setColdFrame(x, 0, w, buttonHeight);button.setHotFrame(x, buttonHeight, w, buttonHeight);button.visible = false;this._buttons.push(button);this.addChild(button);}this._buttons[0].setClickHandler(this.onButtonDown2.bind(this));this._buttons[1].setClickHandler(this.onButtonDown.bind(this));this._buttons[2].setClickHandler(this.onButtonUp.bind(this));this._buttons[3].setClickHandler(this.onButtonUp2.bind(this));this._buttons[4].setClickHandler(this.onButtonOk.bind(this));
};
上面是ShopNumber窗口对象的按键创建方法,我们来看看它做了哪些事情:
4.1 创建bitmap对象
调用ImageManager.loadSystem方法创建,图片来自于ButtonSet.png,这个文件位于游戏工程的/data/img/system/目录下,ImageManager对象会自己找到它。
4.2 创建Sprite_Button对象
4.2.1 new
new Sprite_Button()
4.2.2 设置Frame
button.bitmap = bitmap;
button.setColdFrame(x, 0, w, buttonHeight);
button.setHotFrame(x, buttonHeight, w, buttonHeight);
HotFrame的y不是0,原因是在ButtonSet.png中,cold图和hot图是上下排列的。
4.2.3 设置可见性
button.visible = false;
4.2.4 设置父组件
this.addChild(button);
4.2.5 设置按键响应函数
this._buttons[0].setClickHandler(this.onButtonDown2.bind(this));
this._buttons[1].setClickHandler(this.onButtonDown.bind(this));
this._buttons[2].setClickHandler(this.onButtonUp.bind(this));
this._buttons[3].setClickHandler(this.onButtonUp2.bind(this));
this._buttons[4].setClickHandler(this.onButtonOk.bind(this));
RPG Maker mv框架代码解析之Sprite_Button相关推荐
- RPG Maker mv框架代码解析之窗口文字显示
目录 窗口文字显示 字体的颜色 通常色 系统色 危机色 死亡色 计量器背景色 血量计量器色1 血量计量器色2 魔法计量器色1 魔法计量器色2 魔法消耗色 力量上升色 力量下降色 技能值计量器色1 技能 ...
- RPG Maker mv框架代码解析之窗口图片显示
文章目录 1 窗口基类的图片描画接口 1.1 Face描画接口 1.2 Icon描画接口 2 描画自定义图片 1 窗口基类的图片描画接口 RPG Maker mv框架中的窗口基类(Window_Bas ...
- RPG Maker MV插件系统详解与如何编写插件
最新发布rmmv和以往的版本最大不同就是脚本系统了,整个脚本系统采用html5的javascript编写.和以往的ruby脚本简直天翻地覆 这也是为了实现跨平台运行,也是前所未有的高度编程自由,所有游 ...
- RPG Maker MV 打包安卓和修改分辨率的方法
最近要处理RPGMV游戏的安卓打包过程,发现打包完了在手机上运行,两边总有黑边,后来发现是分辨率有问题,需要修改. 具体打包方法见B站视频: https://www.bilibili.com/vide ...
- RPG Maker MV 踩坑一 新仙剑菜单
RMMV中菜单UI修改出现的错误 RMMV--灵儿续传 鬼畜主菜单 多菜单选中问题 其他问题 学习的教程 最终结果 接下来的要踩的坑 RMMV--灵儿续传 本人计划进入游戏行业的萌新,以前玩过新仙剑- ...
- 修改rpg maker mv的几种上限2020-05-25
关于rpg maker mv五种不会编程也能学会的突破上限的方法 声明,出现意外概不负责,如有简便方法欢迎评论. 以下方法建议用记事本打开,设置好后建议重新打开项目工程 修改变量上限 Map编号是自己 ...
- RPG Maker MV游戏解包
该文章最新版本请前往:https://www.crowsong.xyz/127.html 前言 使用Petschko's RPG-Maker-MV File-Decrypter进行解包 使用Petsc ...
- 【RPG Maker MV】RPG游戏《机器人养成记》制作笔记 - 制作背景和引擎选择
想让更多的人了解人工智能,学会机器学习,但机器学习本身有太高的入门门槛,导致很多人望而却步.因此一直在想办法让机器学习变得简单.有趣一些.做过一些尝试:比如用动画的形式介绍机器学习原理(点击查看),通 ...
- 写一个rpg maker mv 脚本,功能是让玩家在游戏开始时候可以自己捏脸
很抱歉,我并不会编写代码,但是我可以提供一些指导. 在RPG Maker MV中,你可以使用脚本编写一个"脸部编辑器"功能,允许玩家在游戏开始时进行自定义.你可以使用一些图像处理库 ...
最新文章
- 使用LSTM进行莎士比亚风格诗句生成
- angularjs ngTable -Custom filter template-calendar
- “此图片来自微信公众平台 未经允许不可引用“ 解决办法
- springboot start
- 【leetcode记录01】 数组
- 前端学习(2565):watch监听
- 2021-07-27-jeesite学习笔记
- Node.js读取mongoDB并输出json数据
- linux 文件系统字体小,基于嵌入式Linux平台的最小文件系统的制作
- CentOS7安装和配置ftp服务
- 超级无敌数字加密算法
- win10开始菜单添加磁贴_IT之家学院:Win10 自定义开始菜单磁贴背景颜色及图标...
- 如何将苹方字体写入html,html苹方字体
- 华为HCIE之TS部分整理
- linux查看完整历史记录
- mybatis Parameter ‘XXX‘ not found
- 小米台灯突然自己亮了_除了彩屏和小爱,还有哪些升级?——小米手环4 NFC版...
- vb.net 教程 20-3 控制Ie浏览器 3 获得Ie窗口句柄
- 在html中字怎么修改位置,css怎么设置字体位置?
- Python入门之——系统性能信息模块psutil
热门文章
- 点对点语音通信(转)
- 论文笔记:HIE-SQL:History Information Enhanced Network for Context-Dependent Text-to-SQL Semantic Parsing
- tensorflow中sigmod激活函数
- HTC One X S720e/G23刷ROOT教程
- [踩坑解决]npm ERR! gyp info it worked if it ends with oknpm ERR! gyp verb cli [
- Python开发资源速查表
- 洛谷P5520 [yLOI2019] 青原樱 题解
- 深圳python培训学习班
- FLASH,宣传画册,翻书效果
- 监控工具普罗米修斯(Prometheus)的介绍与安装