MV - SRPG Engine MV - Plugins for creating Tactical Battle System

// 内容を描画する
    Window_SrpgPrediction.prototype.drawContents = function() {
        
        this.opacity = 0;
        this.resetFontSettings();
        var windowWidth = this.windowWidth(); //adjust height
        var lineHeight = this.lineHeight();
        var padding = 24;
        var user = this._actionArray[1];
        var target = this._targetArray[1];
        
        // add background image 816 x 624 px located in system folder
        this._background = new Sprite(ImageManager.loadSystem('prediction'));
        this.addChildAt(this._background, 1);
        this._background.anchor.x = 0.5;
        this._background.anchor.y = 0.5;
        this._background.x = Graphics.boxWidth / 2;
        this._background.y = -86;
        this._background.z = 1;
        
        // draw user bust (right side) 300 x 300 px located in system folder           
        this._bust = new Sprite(ImageManager.loadSystem(user.name()));
        this._bust.scale.x = -1;
        this.addChildAt(this._bust, 1);
        this._bust.anchor.x = 0.5;
        this._bust.anchor.y = 1;
        this._bust.x = Graphics.boxWidth * (10 / 12);
        this._bust.y = Graphics.boxHeight - 624;

        // draw target bust (left side) 300 x 300 px located in system folder   
        if(!target.isActor()) {
            var loadBust = target.name();
            this._bust2 = new Sprite(ImageManager.loadSystem(loadBust));
            this._bust2.visible = true;
        } else {
            this._bust2 = new Sprite(ImageManager.loadSystem(target.name()));
            if (user === target) { this._bust2.visible = false;}
            this._bust2.scale.x = 1;   
        }
        this.addChildAt(this._bust2, 1);
        this._bust2.anchor.x = 0.5;
        this._bust2.anchor.y = 1;
        this._bust2.x = Graphics.boxWidth * (2 / 12);
        this._bust2.y = Graphics.boxHeight - 624;
        
        // attacker
        var action = user.currentAction();
        var damage = action.srpgPredictionDamage(target);
        var hit = action.itemHit(target);
        var eva = action.itemEva(target);
        var cri = action.itemCri(user);
        var xx = 96 ;   
        
        this.drawText('Action', orderX - 8, -8, iconBoxWidth * 2, 'center');
        // draw name and action name
        this.drawText(user.name(), windowWidth / 2 + 32, lineHeight * 0 - 4, windowWidth / 2, 'center');
        this.drawSrpgBattleActionName(user, action, windowWidth / 2 + padding * 2 + xx, lineHeight * 1 - 8, true);
        //this.drawSrpgBattleDistance(user, action, windowWidth / 2 + 172 + padding * 2, lineHeight * 3);
        this.contents.fontSize = 20;
        // draw damage hit crit
        this.drawSrpgBattleDamage(damage, windowWidth / 2 + padding + 100 + xx, lineHeight * 3 + 4);
        this.drawSrpgBattleHit(hit, eva, windowWidth / 2 + padding + 100 + xx, lineHeight * 4 - 6);
        this.drawSrpgBattleCri(cri, windowWidth / 2 + padding + 100 + xx, lineHeight * 5 - 18);
        // draw HP icon       
        this.drawIcon(13, windowWidth / 2 + 16 + 32 + xx, lineHeight * 2 + 2);
        this.contents.fontSize = 40;
        this.drawText(user.hp, windowWidth / 2 + 16 + 64 + xx, lineHeight * 2);       
        this.contents.fontSize = 16;
        // check if double action is true and action used is normal attack   
        if (_srpgUseAgiAttackPlus == 'true' && target.agi > user.agi && user.attackSkillId() === action.item().id) {
            var nowHp = user.hp - (2 * target.currentAction().srpgPredictionDamage(user));
        } else {var nowHp = user.hp - target.currentAction().srpgPredictionDamage(user);}
        // limit new HP to 0 and maxp HP
        if (nowHp > user.mhp) { nowHp = user.mhp;
        } else if (nowHp < 0) { nowHp = 0; }
        var width = this.textWidth('00000');       
        this.drawText(nowHp, windowWidth / 2 + 160 + width + 16 + xx, lineHeight * 2 + 12);
        this.resetFontSettings();
        // draw HP gauge
        var rate = nowHp / user.mhp;
        this.drawGauge(windowWidth / 2 + 16 + 32 + xx, lineHeight * 2 + 12, windowWidth / 3 - 48, rate, this.hpGaugeColor1(), this.hpGaugeColor2());
        
        //     target
        var reaction = target.currentAction();
        // If the skill cannot be used or the attacker is unable to respond
        if (reaction && (!target.canUse(reaction.item()) || user.currentAction().item().meta.srpgUncounterable)) {
            reaction = null;
        }
        if (!reaction || user === target) {
            this.drawSrpgBattleActionName(target, reaction, padding, lineHeight * 0, false);
        } else {
            var damage = reaction.srpgPredictionDamage(user);
            var hit = reaction.itemHit(user);
            var eva = reaction.itemEva(user);
            var cri = reaction.itemCri(target);
            // draw name and action name   
            this.drawText(target.name(),-64, lineHeight * 0 - 4,windowWidth / 2, 'center');
            this.drawSrpgBattleActionName(target, reaction, padding + 32, lineHeight * 1 - 8, true);
            //this.drawSrpgBattleDistance(target, reaction, 172 + padding, lineHeight * 1);
            // draw damage hit crit
            this.contents.fontSize = 20;
            this.drawSrpgBattleDamage(damage, padding + 100, lineHeight * 3 + 4);
            this.drawSrpgBattleHit(hit, eva, padding + 100, lineHeight * 4 - 6);
            this.drawSrpgBattleCri(cri, padding + 100, lineHeight * 5 - 18);
            // draw HP icon           
            this.drawIcon(13, padding + 36, lineHeight * 2 + 2);
            this.contents.fontSize = 40;
            this.drawText(target.hp, padding + 16 + 64, lineHeight * 2);           
            this.contents.fontSize = 16;
            // check if double action is true and action used is normal attack
            if (_srpgUseAgiAttackPlus == 'true' && user.agi > target.agi && target.attackSkillId() === action.item().id) {
            var nowHp = target.hp - (2 * user.currentAction().srpgPredictionDamage(target));
            } else {var nowHp = target.hp - user.currentAction().srpgPredictionDamage(target);}
            // limit new HP to 0 and maxp HP
            if (nowHp > target.mhp) { nowHp = target.mhp;
            } else if (nowHp < 0) { nowHp = 0; }           
            var width = this.textWidth('00000');
            this.drawText( nowHp, padding + 150 + width + 16, lineHeight * 2 + 12);
            this.resetFontSettings();
            // draw HP Gauage
            var rate = nowHp / target.mhp;
            this.drawGauge( 28 + 32 , lineHeight * 2 + 12, windowWidth / 3 - 48, rate, this.hpGaugeColor1(), this.hpGaugeColor2());
        }
        if (_srpgPredictionWindowMode === 2) return;
        // action order
        BattleManager.makeActionOrders();
        this.contents.fontSize = 18;
        var order = BattleManager.actionBattlers();
        var doubleActioncheck = [];
        var doubleActionRate = 0;
        var iconBoxWidth = Window_Base._iconWidth + 4;
        var orderX = this.windowWidth() / 2 - this.standardPadding() - iconBoxWidth  +10;
        var orderY = lineHeight - 2;
        var line = 0
        this.drawText('Action', orderX - 8, -8, iconBoxWidth * 2, 'center');
        for (var i = 0; i < order.length; i++) {
            battler = order[i];
            // user
            if (user === battler && action && action.item()) {
                // first action
                if (doubleActioncheck.indexOf(battler) < 0) {
                    this.drawSrpgBattleOrders(battler, action.item(), orderX, 17 + orderY * line);
                // double action
                } else if (_srpgUseAgiAttackPlus === 'true' && doubleActioncheck.indexOf(battler) >= 0) {
                    actionRate = this.setDoubleActionRate(user, target);
                    if (actionRate > 0) {
                        this.drawSrpgBattleOrders(battler, action.item(), orderX, 17 + orderY * line);
                        this.drawSrpgActionRate(actionRate, orderX + iconBoxWidth, 17 + orderY * line);
                    }
                }
                // next
                doubleActioncheck.push(battler);
                line++;
            // target   
            } else if (target === battler && reaction && reaction.item()) {
                // 初回行動時
                if (doubleActioncheck.indexOf(battler) < 0) {
                    this.drawSrpgBattleOrders(battler, reaction.item(), orderX,  17 + orderY * line);
                    // 応戦が反撃率に応じる場合
                    if (_srpgBattleReaction === 2 && target.cnt > 0) {
                        this.drawSrpgActionRate(target.cnt * 100, orderX, 17 + orderY * line);
                    }
                // double action
                } else if (_srpgUseAgiAttackPlus === 'true' && doubleActioncheck.indexOf(battler) >= 0) {
                    actionRate = this.setDoubleActionRate(target, user);
                    if (_srpgBattleReaction === 2 && target.cnt > 0) actionRate = Math.floor(actionRate * target.cnt);
                    if (actionRate > 0) {
                        this.drawSrpgBattleOrders(battler, reaction.item(), orderX,  17 + orderY * line);
                        this.drawSrpgActionRate(actionRate, orderX, 17 + orderY * line);
                    }
                }
                // next
                doubleActioncheck.push(battler);
                line++;
            }
        }
    };

    // draw action order
    Window_SrpgPrediction.prototype.drawSrpgBattleOrders = function(battler, item, x, y) {
        // for nomal attack, show weapon icon
        var arrowicon1 = 92;   // actor arrow head
        var arrowicon2 = 93;   // actor arrow tail
        var arrowicon3 = 90;   // actor arrow tail
        var arrowicon4 = 91;   // actor arrow head
        if (DataManager.isSkill(item) && item.id === battler.attackSkillId() &&
            !battler.hasNoWeapons()) {
            if (battler.isActor()) {
                var item = battler.weapons()[0];
                this.drawIcon(arrowicon1, x-32, y + 2);
                this.drawIcon(arrowicon2, x, y + 2);
                this.drawIcon(item.iconIndex, x + 32, y + 2);
            } else {
                var item = $dataWeapons[Number(battler.enemy().meta.srpgWeapon)];
                this.drawIcon(item.iconIndex, x, y + 2);
                this.drawIcon(arrowicon3, x + 32, y + 2);
                this.drawIcon(arrowicon4, x + 64, y + 2);
            }
        // else draw skill icon
        } else {
            if (battler.isActor()) {
                this.drawIcon(item.iconIndex, x + 32 , y + 2);
            } else {
                this.drawIcon(item.iconIndex, x , y + 2);
            }
        }
    };

    // 使用する攻撃名の描画
    Window_SrpgPrediction.prototype.drawSrpgBattleActionName = function(battler, action, x, y, flag) {
        if (action && flag === true) {
            var skill = action.item();
            if (skill) {
                var costWidth = this.costWidth();
                this.changePaintOpacity(this.isEnabled(battler, skill));
                // 通常攻撃の場合、装備している武器名を表示する
                if (DataManager.isSkill(skill) && skill.id === battler.attackSkillId() &&
                    !battler.hasNoWeapons()) {
                    if (battler.isActor()) {
                        var item = battler.weapons()[0];
                    } else {
                        var item = $dataWeapons[Number(battler.enemy().meta.srpgWeapon)];
                    }
                    this.drawItemName(item, x, y, 280 - costWidth);
                // 通常攻撃以外のスキル名はそのまま表示する
                } else {
                    this.drawItemName(skill, x, y, 280 - costWidth);
                }
                this.drawSkillCost(battler, skill, x, y, 288);
                this.changePaintOpacity(1);               
                
                // is attack effective
                if (battler.isActor()) {
                    if ($gameSystem.EventToUnit($gameTemp.targetEvent().eventId())[1].elementRate($gameSystem.EventToUnit($gameTemp.activeEvent().eventId())[1].currentAction().item().damage.elementId) > 1) {
                        this.drawIcon(94, x + 6, y - 6);  // effective icon ID
                    } else if ($gameSystem.EventToUnit($gameTemp.targetEvent().eventId())[1].elementRate($gameSystem.EventToUnit($gameTemp.activeEvent().eventId())[1].currentAction().item().damage.elementId) < 1) {
                        this.drawIcon(95, x + 6, y + 6); // not effective icon ID
                    }
                } else if (!battler.isActor()) {
                    if ($gameSystem.EventToUnit($gameTemp.activeEvent().eventId())[1].elementRate($gameSystem.EventToUnit($gameTemp.targetEvent().eventId())[1].currentAction().item().damage.elementId) > 1) {
                        this.drawIcon(94, x + 6, y + 6);  // effective icon ID
                    } else if ($gameSystem.EventToUnit($gameTemp.activeEvent().eventId())[1].elementRate($gameSystem.EventToUnit($gameTemp.targetEvent().eventId())[1].currentAction().item().damage.elementId) < 1) {
                        this.drawIcon(95, x + 6, y + 6); // not effective icon ID
                    }
                }
                
            } else {
                this.drawText('------------', x + 52, y, 96, 'right');
            }
        } else {
            this.drawText('------------', x + 52, y, 96, 'right');
        }
    };

    // battle damage
    Window_SrpgPrediction.prototype.drawSrpgBattleDamage = function(damage, x, y) {
        this.changeTextColor(this.systemColor());
        var width = this.textWidth('00000');
        if (damage >= 0) {
            this.drawText(_textSrpgDamage, x, y, 164);
            this.resetTextColor();
            this.drawText(damage, x + 90, y, width, 'right');
        } else {
            this.drawText(_textSrpgHealing, x, y, 164);
            this.resetTextColor();
            this.drawText(damage * -1, x + 90, y, width, 'right');
        }
    };

    // battle cri
    Window_SrpgPrediction.prototype.drawSrpgBattleCri = function(cri, x, y) {
        var val = cri;
        var width = this.textWidth('000%');
        this.changeTextColor(this.systemColor());
        this.drawText("Cri", x, y, 98);
        this.resetTextColor();
        this.drawText(Math.floor(val * 100) + '%', x + 110, y, width, 'right');
    };

    // battle hit
    Window_SrpgPrediction.prototype.drawSrpgBattleHit = function(hit, eva, x, y) {
        var val = Math.floor((hit.clamp(0, 1.0) * (1.0 - eva).clamp(0, 1.0)) * 100); // 命中・回避を同時に処理する
        var width = this.textWidth('000%');
        this.changeTextColor(this.systemColor());
        this.drawText(TextManager.param(8), x, y, 98);
        this.resetTextColor();
        this.drawText(val.clamp(0, 100) + '%', x + 110, y, width, 'right');
    };