RPG Maker MV 仿新仙剑 战斗场景UI 六
- 法术战斗窗口
- 代码
- 仿新仙剑效果
法术战斗窗口
这次来水点内容
由于之前已经做过了仿新仙剑的法术及物品窗口因此本次两篇内容,就来水点内容!!!
由于帮助窗口之前已经做过,因此直接在战斗的场景中创建即可,通用的,直接修改窗口的窗口类名就可以实现,因此不贴代码了!
代码
function Window_BattleSkill() {this.initialize.apply(this, arguments);
}Window_BattleSkill.prototype = Object.create(Pal_Window_SkillList.prototype);
Window_BattleSkill.prototype.constructor = Window_BattleSkill;Window_BattleSkill.prototype.initialize = function(x, y, width, height) {Pal_Window_SkillList.prototype.initialize.call(this, x, y, width, height);this.hide();
};Window_BattleSkill.prototype.show = function() {this.selectLast();this.showHelpWindow();Pal_Window_SkillList.prototype.show.call(this);
};Window_BattleSkill.prototype.hide = function() {this.hideHelpWindow();Pal_Window_SkillList.prototype.hide.call(this);
};
这里可以看出来继承的父类名称有变化,这是为什么呢?
为了不冲突,由于同名类的问题,其实很多编程语言使用时也都有类似的问题发生,所以为了不调用出现错误,因此将父类的名称修改了。
Pal_Scene_Battle.prototype.createItemWindowBackground = function() {var skillBackground= ImageManager.loadSystem("ItemAndSkillBg");//获取背景图片this._skillBackgroundSprite=new Sprite(skillBackground);//将图片精灵给背景this._skillBackgroundSprite.x=8;//(640-624)/2;this._skillBackgroundSprite.y=116;this._skillBackgroundSprite.setFrame(0, 0, 624, 320);this._skillBackgroundSprite.visible=false;this.addChild(this._skillBackgroundSprite);//将图片给菜单场景子对象var skillHelpBackground= ImageManager.loadSystem("ItemAndSillkNum");//获取背景图片this._skillHelpBackgroundSprite=new Sprite(skillHelpBackground);//将图片精灵给背景this._skillHelpBackgroundSprite.x=480;this._skillHelpBackgroundSprite.y=113;this._skillHelpBackgroundSprite.setFrame(0, 0, 152, 76); //真氣 this._skillHelpBackgroundSprite.scale=new Point(1.05,1.05);this._skillHelpBackgroundSprite.visible=false;this.addChild(this._skillHelpBackgroundSprite);//将图片给菜单场景子对象
};
createItemWindowBackground 方法中两个精灵都设置了显示状态为隐藏,同时在创建时将该方法放在了法术和物品窗口的创建方法之前。
Pal_Scene_Battle.prototype.createSkillWindow = function() {this._skillWindow = new Window_BattleSkill(7, 154, 624, 238);this._skillWindow.setHelpWindow(this._helpWindow);this._skillWindow.setHandler('ok', this.onSkillOk.bind(this));this._skillWindow.setHandler('cancel', this.onSkillCancel.bind(this));this.addChild(this._skillWindow);
};
基本创建的代码没有太多的价值。
Pal_Scene_Battle.prototype.onSkillOk = function() {this._skillBackgroundSprite.visible=false;this._skillHelpBackgroundSprite.visible=false;var skill = this._skillWindow.item();var action = BattleManager.inputtingAction();action.setSkill(skill.id);BattleManager.actor().setLastBattleSkill(skill);this.onSelectAction();
};Pal_Scene_Battle.prototype.onSkillCancel = function() {this._skillBackgroundSprite.visible=false;this._skillHelpBackgroundSprite.visible=false;this._skillWindow.hide();this._actorCommandWindow.activate();
};
这里将法术的确认及关闭操作中添加了背景图片的操作,这样UI会更加接近游戏中的样子。
Pal_Scene_Battle.prototype.commandSkill = function() {this._skillBackgroundSprite.visible=true;this._skillHelpBackgroundSprite.visible=true;this._skillWindow.setActor(BattleManager.actor());this._skillWindow.setStypeId(this._actorCommandWindow.currentExt());this._skillWindow.refresh();this._skillWindow.show();this._skillWindow.activate();
};
开启法术窗口的操作,并显示了需要打开的背景图片。
仿新仙剑效果
这就是对应的效果了,由于还没有将窗口的背景去掉,因此看着确实是这么不好看。
选中使用技能后的样子,由于不明显所以看不太出来,但还是可以看到主角现在是被选中闪烁的效果,使用技能时法术窗口是不显示出来的,,所以看不到明显的效果。