RPG Maker MV 仿新仙剑 战斗场景UI 三
- 二级战斗指令菜单
- RMMV效果
- 代码
- 效果
- 仿仙剑UI
- 代码
- 效果
二级战斗指令菜单
仙剑1中二级战斗的菜单内容如下：物品、防御、围攻、逃跑、状态这五项。
现在来完成金玉其外的UI部分，内核具体的功能需要后期进行填充了！
RMMV效果
在RMMV中原始菜单中是没有这二级菜单的，因此需要重新进行添加进去。
代码
Pal_Scene_Battle.prototype.createAllWindows = function() {
......
this.createOtherCommandWindow();
......
};
Pal_Scene_Battle.prototype.createOtherCommandWindow = function() {
this._otherCommandWindow = new Window_OtherCommand();
this._otherCommandWindow.setHandler('item', this.commandItem.bind(this));
this._otherCommandWindow.setHandler('guard', this.commandSkill.bind(this));
this._otherCommandWindow.setHandler('allAttack', this.commandJointAttack.bind(this));
this._otherCommandWindow.setHandler('escape', this.commandEscape.bind(this));
this._otherCommandWindow.setHandler('status', this.selectPreviousCommand.bind(this));
this._otherCommandWindow.setHandler('cancel', this.selectOtherCancelCommand.bind(this));
this.addWindow(this._otherCommandWindow);
};
createAllWindows 方法中添加了创建 createOtherCommandWindow 方法的代码，而 createOtherCommandWindow 方法中创建了额外命令的窗口并绑定了按钮对应的实现，里面不少的方法是原始的方法或临时调用的方法。
Pal_Scene_Battle.prototype.commandOther = function() {
this._otherCommandWindow.activate();
this.selectNextCommand2();
};
Pal_Scene_Battle.prototype.selectNextCommand2 = function() {
this.changeInputWindow();
};
Pal_Scene_Battle.prototype.selectPreviousCommand2 = function() {
this.changeInputWindow();
};
Pal_Scene_Battle.prototype.selectOtherCancelCommand = function() {
this._otherCommandWindow.close();
this.selectPreviousCommand2();
};
这四个方法中commandOther 是上一篇中角色命令窗口的其他按钮所绑定的方法，作用是激活其他（额外）命令窗口，并进行下一个命令，其中调用了selectNextCommand2 方法，该方法调用了切换输入的窗口的方法；selectPreviousCommand2 是上一个命令的操作，这里加了2是区别原来的方法；selectOtherCancelCommand 方法是关闭其他命令窗口，并返回上一个命令。这里之所以这么绕是因为和原始代码保持一致，也保持一定的阅读性。
Pal_Scene_Battle.prototype.isAnyInputWindowActive = function() {
return ......|| this._otherCommandWindow.active ||......);
};
该方法是判断窗口是否激活的，这里添加了其他命令窗口的激活判断。
Pal_Scene_Battle.prototype.changeInputWindow = function() {
if (BattleManager.isInputting()) {
if (BattleManager.actor()) {
if(this._otherCommandWindow.active){
this.startOtherCommandSelection();
}else{
this.startActorCommandSelection();
}
} else {
this.startPartyCommandSelection();
}
} else {
this.endCommandSelection();
}
};
changeInputWindow 方法是切换输入窗口的，在这里面添加了对其他命令窗口激活的判断，激活了才执行打开其他命令窗口，否则打开角色命令窗口，这样需要创建的窗口和操作就完成了。
function Window_OtherCommand() {
this.initialize.apply(this, arguments);
}
Window_OtherCommand.prototype = Object.create(Window_Command.prototype);
Window_OtherCommand.prototype.constructor = Window_OtherCommand;
Window_OtherCommand.prototype.initialize = function() {
var y = Graphics.boxHeight - this.windowHeight();
Window_Command.prototype.initialize.call(this, 0, y);
this.move(15, 94, 128, 224);
this.openness = 0;
this.deactivate();
this._actor = null;
};
Window_OtherCommand.prototype.windowWidth = function() {
return 128;
};
Window_OtherCommand.prototype.numVisibleRows = function() {
return 7;
};
//标准内边距
Window_OtherCommand.prototype.standardPadding = function() {
return 0;
};
//创建命令列表
Window_OtherCommand.prototype.makeCommandList = function() {
if (this._actor) {
this.addAttackCommand();
this.addSkillCommands();
this.addJointAttackCommand();
this.addEscapeCommand();
this.addOtherCommand();
}
};
//添加道具命令
Window_OtherCommand.prototype.addAttackCommand = function() {
this.addCommand(TextManager.item, 'item', this._actor.canAttack());
};
//添加防御命令
Window_OtherCommand.prototype.addSkillCommands = function() {
this.addCommand(TextManager.guard, 'guard', this._actor.canAttack());
};
//添加围攻命令
Window_OtherCommand.prototype.addJointAttackCommand = function() {
this.addCommand("围攻", 'allAttack', this._actor.canAttack());
};
//添加逃跑命令
Window_OtherCommand.prototype.addEscapeCommand = function() {
this.addCommand(TextManager.escape, 'escape');
};
//添加状态命令
Window_OtherCommand.prototype.addOtherCommand = function() {
this.addCommand(TextManager.status, 'status');
};
Window_OtherCommand.prototype.setup = function(actor) {
this._actor = actor;
this.clearCommandList();
this.makeCommandList();
this.refresh();
this.selectLast();
this.activate();
this.open();
};
Window_OtherCommand.prototype.processOk = function() {
if (this._actor) {
if (ConfigManager.commandRemember) {
this._actor.setLastCommandSymbol(this.currentSymbol());
} else {
this._actor.setLastCommandSymbol('');
}
}
Window_Command.prototype.processOk.call(this);
};
Window_OtherCommand.prototype.selectLast = function() {
this.select(0);
if (this._actor && ConfigManager.commandRemember) {
var symbol = this._actor.lastCommandSymbol();
this.selectSymbol(symbol);
if (symbol === 'skill') {
var skill = this._actor.lastBattleSkill();
if (skill) {
this.selectExt(skill.stypeId);
}
}
}
};
这里面大部分的代码都是以上一篇的Window_ActorCommand 菜单代码修改来的，因此阅读起来没有任何负担，还是保持的原味！
效果
这样效果就完成了，但是可以看到没有对应的UI啊！！！
这就是下面需要做的事情了。
仿仙剑UI
现在基础的UI功能已经搭建好了，可以进行下一步的UI处理了！
代码
Window_OtherCommand.prototype.initialize = function() {
......
this.BattleCommand= ImageManager.loadSystem('FightExtend');
......
};
Window_OtherCommand.prototype.update=function(){
Window_Base.prototype.update.call(this);
this.processCursorMove();
this.processHandling();
this._stayCount++;
this.refresh();
}
Window_OtherCommand.prototype.refresh=function(){
this.contents.clear();
if(this._actor){
this.drawBattleOtherCommand();
}
}
Window_OtherCommand.prototype.drawSx=new Map([
[0,0],
[1,128],
[2,256],
[3,384],
[4,512]
]);
Window_OtherCommand.prototype.drawBattleOtherCommand=function(){
var bitmap=this.BattleCommand;
var sy=0;
var sw=128;
var sh=224;
var dx=0;
var dy=0;
this.contents.blt(bitmap, this.drawSx.get(this._index), sy, sw, sh, dx, dy);
}
在initialize 方法中添加了图片加载的操作；update 和 refresh 方法拿上一个菜单的简要修改下名称即可使用；drawSx 是Map写法的条件封装语句，用于封装判断后的X的位置；drawBattleOtherCommand 方法用于绘制需要绘制的UI图片，其中绘制时根据指令的下标选择对应的位置，然后传入绘制方法中去，这样可以节省不少冗余的代码。
效果
这样整理的效果就出来了，当然了，还有不少的地方没有处理，这些会在后期进行处理。
