WrapEarth アーカイブ - だくまたゲーム制作ブログ

【WrapEarth】VXAceをMZに移植④～ウィンドウ調整プラグインその２【RPGツクール】

だくまた — Sun, 04 Dec 2022 15:51:10 +0000

●はじめに
●公式コード調査
1. ▷setHandlerとaddCommandを使う？
2. ▷Window_MenuCommand調査
●プラグイン修正
1. ▷プラグイン
2. ▷独自メニュー作成
●感想
1. ▷今回のプラグインについて
2. ▷公式コードについて
●次回へ

●はじめに

VXAceで作成したゲームもMZに移植し、アツマールで公開しようと思います。

ラップアース移植、メニュー最適化用にプラグインを作成中。

●公式コード調査

▷setHandlerとaddCommandを使う？

setHandlerやaddCommandとかを見かけたので、
その辺使えば簡単にできるだろうと思ったけど甘かった。
setHandlerだけでは変化しないし、addCommandがWindow_Selectableにない模様。

甘く見た結果

せっかく見れるんだから、ちゃんと公式のコードを確認しよう。

▷Window_MenuCommand調査

メインメニューにあたるWindow_MenuCommandを見てみる。

Window_MenuCommandはWindow_Commandを継承し、そいつのaddCommandを使っている。
addCommandはmakeCommandListの中で使っていて、
makeCommandList自体はWindow_Commandのrefreshを使っている。
実体化したウィンドウのsetHandlerでハンドラを関連付けるようだ。
なるほど、（自分の実力では）実装したら色々ハマるだろうけど、思ったよりシンプル。

Window_Commandを継承してinitializeでaddCommand、
ウィンドウ作成後にsetHandlerでハンドラ指定か～。
refreshでは親のrefreshを行儀よく呼ばないと駄目だな。

行けそうなので、一旦プラグインを整理して作り直す。

●プラグイン修正

▷プラグイン

がっつり変更。
ラップアース用ならWindow_Commandの継承だけで済むかもだけど、まぁ一応変えられる余地は残しておこう。

/*:ja
 * @target MZ
 * @plugindesc ラップアース用メニュー構成
 * @author dar9matter
 *
 * @help d9mWindow.js
 *
 * ラップアース用メニュー構成
 */
(() => {
    // シーン登録
    d9mSceneEntry = function (scene, windowId, funcs) {
        let root = this;
        let windowName = windowId.charAt(7).toLowerCase() + windowId.slice(8);
        let createWindowId = 'create' + windowName.charAt(0).toUpperCase() + windowName.slice(1) + 'Window';

        // オブジェクトへ関数を登録
        if (funcs) {
            for (let targetClassId in funcs) {
                let obj = root[targetClassId];
                if (!obj) {
                    continue;
                }
                for (let id in funcs[targetClassId]) {
                    obj.prototype[id] = funcs[targetClassId][id];
                }
            }
        }

        // 作成ウィンドウの登録
        if (!scene.prototype[createWindowId]) {
            switch (windowId) {
            case 'Window_MenuCommand':
                scene.prototype[createWindowId] = scene.prototype.createCommandWindow;
                scene.prototype.commandWindowRect = scene.prototype[windowName + 'WindowRect'];
                break;
            case 'Window_MenuStatus':
                scene.prototype[createWindowId] = scene.prototype.createStatusWindow;
                scene.prototype.statusWindowRect = scene.prototype[windowName + 'WindowRect'];
                break;
            default:
                scene.prototype[createWindowId] = function () {
                    let rectFunc = scene.prototype[windowName + 'WindowRect'];
                    if (!rectFunc) {
                        rectFunc = function() { return new Rectangle() };
                    }
                    this['_' + windowName + 'Window'] = new root[windowId](rectFunc());
                    this.addWindow(this['_' + windowName + 'Window']);
                }
                break;
            }
        }
    }

    // シーン初期化
    d9mInitScene = function(sceneId, initParams) {
        let windowIdList = [];

        // 各ウィンドウ設定
        for (windowId in initParams) {
            let sceneParams = initParams[windowId];
            let windowName = windowId.charAt(7).toLowerCase() + windowId.slice(8);

            // 基底クラス選択
            let baseId;
            if (sceneParams.menuItems) {
                baseId = 'Window_Command';          // メニューがある場合
            } else {
                baseId = 'Window_Selectable';       // メニューがない場合
            }

            // ウィンドウクラスが無かったら作成
            if (!this[windowId]) {
                this[windowId] = function() {
                    this.initialize(...arguments);
                    this.refresh();
                }
                this[windowId].prototype = Object.create(this[baseId].prototype);
                this[windowId].prototype.constructor = this[windowId];
            }

            // 登録用データ
            let entryParams = {};
            entryParams[sceneId] = {};
            entryParams[windowId] = {};

            // シーンに「ウィンドウ操作関数」を登録
            if (sceneParams.rect) {
                // ウィンドウ矩形取得関数を登録
                entryParams[sceneId][windowName + 'WindowRect'] = function () {
                    return new Rectangle(
                        sceneParams.rect[0],
                        sceneParams.rect[1],
                        sceneParams.rect[2],
                        sceneParams.rect[3]
                    );
                }
            }

            // cols/rows指定
            if (sceneParams.matrix) {
                entryParams[windowId].maxCols = function() { return sceneParams.matrix[0]; }
                entryParams[windowId].numVisibleRows = function() { return sceneParams.matrix[1]; }
            }
            // ウィンドウに「関数」を登録
            if (sceneParams.arrange) {
                // メニュー指定がある場合
                if (sceneParams.menuItems) {
                    entryParams[windowId].makeCommandList = function() {
                        for (let i = 0; i < sceneParams.menuItems.length; i++) {
                            let itemInfo = sceneParams.menuItems[i];
                            if (!itemInfo.enabled) itemInfo.enabled = true;
                            if (!itemInfo.ext) itemInfo.ext = null;
                            this.addCommand(itemInfo.name, itemInfo.symbol, itemInfo.enabled, itemInfo.ext);
                        }
                    }
                }

                for (let funcId in sceneParams.arrange) {
                    entryParams[windowId][funcId] = sceneParams.arrange[funcId];
                }
            }

            // シーンに登録
            d9mSceneEntry(this[sceneId], windowId, entryParams);

            windowIdList.push(windowId);
        }

        // シーン作成関数を上書き
        this[sceneId].prototype.create = function() {
            d9mProtoCall(this, 'create');

            windowIdList.forEach(windowId => {
                // ウィンドウ作成
                let createWindowId = 'create' + windowId.slice(7) + 'Window';
                if (this[createWindowId]) {
                    this[createWindowId]();
                }

                // ハンドラ設定
                let sceneParams = initParams[windowId];
                if (sceneParams.menuItems) {
                    let wnd = this['_' + windowId.charAt(7).toLowerCase() + windowId.slice(8) + 'Window'];
                    for (let i = 0; i < sceneParams.menuItems.length; i++) {
                        let itemInfo = sceneParams.menuItems[i];
                        wnd.setHandler(itemInfo.symbol, itemInfo.handler.bind(this));
                    }
                }
            });
        };
    }

    // protoの関数を呼び出す
    d9mProtoCall = function (wnd, funcName) {
        if ([...arguments].length >= 3) {
            wnd.__proto__.__proto__[funcName].call(wnd, ...[...arguments].slice(2));
        } else {
            wnd.__proto__.__proto__[funcName].call(wnd);
        }
    }
})();

▷独自メニュー作成

jsonでウィンドウの情報を定義、
ウィンドウ名が公式に用意されているものだったらそれを使う。
存在しなかったら独自ウィンドウとして新規作成。

独自メニューとして「魔法」「セーブ」「ゲーム終了」を用意。
自分用なのでd9mProtoCallの後に直接記述して済ませる。

    d9mInitScene('Scene_Menu', {
        Window_MenuCommand: {
            matrix: [2, 4],
            rect: [0, 52, 400, 200],
        },
        Window_MenuStatus: {
            matrix: [4, 1],
            rect: [84, 376, 640, 240],
            arrange: {
                drawItemImage: function(index) {
                    const actor = this.actor(index);
                    const rect = this.itemRectWithPadding(index);
                    const w = Math.min(rect.width, 144);
                    const h = Math.min(rect.height, 144);
                    const lineHeight = this.lineHeight();
                    this.changePaintOpacity(actor.isBattleMember());
                    this.drawActorFace(actor, rect.x, rect.y + lineHeight * 0.7, w, h);
                    this.changePaintOpacity(true);
                },
                drawItemStatus: function(index) {
                    const actor = this.actor(index);
                    const rect = this.itemRectWithPadding(index);
                    const x = rect.x;
                    const y = rect.y;
                    const width = rect.width;
                    const bottom = y + rect.height;
                    const lineHeight = this.lineHeight();
                    this.drawActorName(actor, x, y + lineHeight * 0, width);
                    this.drawActorIcons(actor, x, y + lineHeight * 1, width);

                    this.drawActorLevel(actor, x, y + lineHeight * 3.7, width);
                    this.placeBasicGauges(actor, x, y + lineHeight * 4.5, width);
                },
            }
        },
        Window_Test: {
            rect  : [608, 52, 160, 44 * 3 + 24],
            menuItems: [
                { name:'魔法',       symbol:'skill',   handler: Scene_Menu.prototype.commandPersonal },
                { name:'セーブ',     symbol:'save',    handler: Scene_Menu.prototype.commandSave     },
                { name:'ゲーム終了', symbol:'gameEnd', handler: Scene_Menu.prototype.commandGameEnd  },
            ],
            arrange: {
            }
        }
    });

結局jsonを基にウィンドウ作ってるからトリアコンタンさんの使うべきだろうけど、高機能なのかめっちゃ長い。
基本他人のコード理解するのめんどいし、作るの楽しいからいいや。

動かした結果。右上のが追加したメニューウィンドウ。↓

一部既存メニューを呼べた

魔法選択後、キャラクターを選択すると固まる。
通常のメニューから復帰できるけど。

残念、今回はここまでにしよう。

●感想

▷今回のプラグインについて

それなりに整理できたし、後から得た知識を追加できる形になったかと思うので満足。

セーブとゲーム終了は正しく動いたけど、魔法でキャラクターを選択すると固まる。
通常のコマンドウィンドウとまだ何か違いがあるってことか。

うーん、やっぱりまだまだ甘かったかぁ。

▷公式コードについて

実装やテストしている時に何か違和感あると思ったら
Window_MenuCommandの作成がcreateCommandWindowで行われている。

作成関数がcreate[Menu]CommandWindowじゃないので上手く統一して扱えない。
まだ理解が追いついてない部分もあるんだろうけど、気持ち悪い。

create[Menu]CommandWindowにcreateCommandWindow、
[menu]CommandWindowRectにcommandWindowRectの関数を入れて統一する形にした。

・・・これが上の不具合に影響してるのかなぁ。

●次回へ

JSONでウィンドウを作成できるようにし、シーンを上書きできるようにした。
まだ不完全だが独自メニューも作れる取っ掛かりもできた。

次は独自メニューから既存メニューを辿れるようにしたい。

嬉しくはないが、RPG Maker Uniteは来年春になった。
もうちょっとだけ時間をかけてみよう。

※プラグインは自由に使ってもらって構いませんが、
　何が起きても責任は負いません、自己責任でよろしく。

投稿【WrapEarth】VXAceをMZに移植④～ウィンドウ調整プラグインその２【RPGツクール】はだくまたゲーム制作ブログに最初に表示されました。

【WrapEarth】VXAceをMZに移植③～ウィンドウ調整プラグイン【RPGツクール】

だくまた — Sat, 26 Nov 2022 14:41:53 +0000

●はじめに
●現状の確認
●プラグイン作成
1. ▷ウィンドウ作成処理
2. ▷既存ウィンドウ調整
●次回へ

●はじめに

VXAceで作成したゲームもMZに移植し、アツマールで公開しようと思います。

今回は酷い遷移をしていたメニューを修正します。

●現状の確認

▷スプリム

スプリムは魔法を身につけるためのアイテムで、装備して戦うほど「同調」していくシステム。
２つを合成して使ったりするので「スプリム」という項目に色々入れている。
スプリムに対して行う行為をメニュー「スプリム」内で色々行っている、わかりにくい。↓

▷魔法

スプリムで習得した魔法を使おうとする時は魔法を選択する必要がある。
魔法は「スプリム＞使用者＞スプリム＞魔法＞使用する魔法」と選ばなくてはならない、遠い↓

▷装備

装備も特殊。
せめて武器は一番上にもってきたい。↓

デフォルトのメニュー構成は表示せず、整理した独自メニューから各機能を呼び出すようにしよう。
とりあえず、整理しないと。

●プラグイン作成

▷ウィンドウ作成処理

情報を表示できるウィンドウを新規追加できるようにした。
drawTextとかやってるプログラムを見れば色々表示できるだろう。

/*:ja
 * @target MZ
 * @plugindesc ラップアース用メニュー構成
 * @author dar9matter
 *
 * @help d9mWindow.js
 *
 * ラップアース用メニュー構成
 */
(() => {
    // ウィンドウ作成
    d9mWindowCreate = function (scene, id) {
        let classId = 'Window_Menu' + id.charAt(0).toUpperCase() + id.slice(1).toLowerCase();
        let root = this;

        this[classId] = function () { this.initialize(...arguments); }
        this[classId].prototype = Object.create(Window_Selectable.prototype);
        this[classId].prototype.constructor = this[classId];

        this[classId].prototype.initialize = function() {
            Window_Selectable.prototype.initialize.call(this, scene.prototype[id + 'WindowRect']());
            this.refresh();
        }

        let createWindowId = 'create' + id.charAt(0).toUpperCase() + id.slice(1).toLowerCase() + 'Window';
        scene.prototype[createWindowId] = function () {
            scene['_' + id + 'Window'] = new root[classId]();
            this.addWindow(scene['_' + id + 'Window']);
        }
    }

    // ウィンドウ調整
    d9mWindowArrange = function (scene, id, rectFunc, callbacks) {
        let classId = 'Window_Menu' + id.charAt(0).toUpperCase() + id.slice(1).toLowerCase();
        let wnd = this[classId];

        if (rectFunc) {
            scene.prototype[id + 'WindowRect'] = rectFunc;
        }

        if (callbacks) {
            for (let funcId in callbacks) {
                wnd.prototype[funcId] = callbacks[funcId];
            }
        }
    }

    // シーン初期化
    d9mInitScene = function (scene, menuList) {
        scene.prototype.create = function() {
            scene.prototype.__proto__.create.call(this);

            menuList.forEach(id => {
                let createWindowId = 'create' + id.charAt(0).toUpperCase() + id.slice(1).toLowerCase() + 'Window';
                if (this[createWindowId]) {
                    this[createWindowId]();
                }
            });
        };
    }

    // メニューシーンにテストウィンドウを作成
    d9mWindowCreate(Scene_Menu, 'test');

    // メニューシーンのテストウィンドウを調整
    d9mWindowArrange(Scene_Menu, 'test',
        function () {
            return new Rectangle(608, 430, 160, 100);
        },
        {
            refresh: function(index) {
                // 使うこともあるので、作られてなかったら処理しない
                if (!$gameVariables || !$gameParty || !$gameSwitches) {
                    return;
                }

                // 画面クリア
                this.contents.clear();

                const rect = this.itemLineRect(0);
                const x = rect.x;
                const y = rect.y;
                const width = rect.width;

                const lineHeight = this.lineHeight();

                this.drawCurrencyValue($gameParty.gold(), TextManager.currencyUnit, x, y, width);
                this.drawText('Test', x, y + lineHeight * 1, width);
            },
        }
    );

    // メニューシーンを初期化
    d9mInitScene(Scene_Menu, ['command', 'gold', 'status', 'test']);
})();

右下に独自ウィンドを表示。
収まるならアクター一覧に卒業の証とスプリム同調状態を表示したいな。

独自ウィンドウ表示

▷既存ウィンドウ調整

既存のウィンドウを微調整する関数を追加。
BreakThroughのメニュー構成にしてみる。
BreakThroughの時は試行錯誤しながら作ったので、整理してメニューの追加、調整をしやすくした。

関数を置き換えているだけなので名前を調べながら作る必要があるので大変だけど。

RPGツクールUniteが出たら触ることも無くなるだろうし、これでいいかな。↓

/*:ja
 * @target MZ
 * @plugindesc ラップアース用メニュー構成
 * @author dar9matter
 *
 * @help d9mWindow.js
 *
 * ラップアース用メニュー構成
 */
(() => {
    // ウィンドウ作成
    d9mWindowCreate = function (scene, id) {
        let classId = 'Window_Menu' + id.charAt(0).toUpperCase() + id.slice(1).toLowerCase();
        let root = this;

        this[classId] = function () { this.initialize(...arguments); }
        this[classId].prototype = Object.create(Window_Selectable.prototype);
        this[classId].prototype.constructor = this[classId];

        this[classId].prototype.initialize = function() {
            Window_Selectable.prototype.initialize.call(this, scene.prototype[id + 'WindowRect']());
            this.refresh();
        }

        let createWindowId = 'create' + id.charAt(0).toUpperCase() + id.slice(1).toLowerCase() + 'Window';
        scene.prototype[createWindowId] = function () {
            scene['_' + id + 'Window'] = new root[classId]();
            this.addWindow(scene['_' + id + 'Window']);
        }
    }

    // ウィンドウ調整
    d9mWindowArrange = function (scene, id, rectFunc, callbacks) {
        let classId = 'Window_Menu' + id.charAt(0).toUpperCase() + id.slice(1).toLowerCase();
        let wnd = this[classId];

        if (rectFunc) {
            scene.prototype[id + 'WindowRect'] = rectFunc;
        }

        if (callbacks) {
            for (let funcId in callbacks) {
                wnd.prototype[funcId] = callbacks[funcId];
            }
        }
    }

    // シーン初期化
    d9mInitScene = function (scene, menuList) {
        scene.prototype.create = function() {
            scene.prototype.__proto__.create.call(this);

            menuList.forEach(id => {
                let createWindowId = 'create' + id.charAt(0).toUpperCase() + id.slice(1).toLowerCase() + 'Window';
                if (this[createWindowId]) {
                    this[createWindowId]();
                }
            });
        };
    }

    // メニューシーンにテストウィンドウを作成
    d9mWindowCreate(Scene_Menu, 'test');

    // メニューシーンのテストウィンドウを調整
    d9mWindowArrange(Scene_Menu, 'test',
        function () {
            return new Rectangle(608, 430, 160, 100);
        },
        {
            refresh: function(index) {
                // 使うこともあるので、作られてなかったら処理しない
                if (!$gameVariables || !$gameParty || !$gameSwitches) {
                    return;
                }

                // 画面クリア
                this.contents.clear();

                const rect = this.itemLineRect(0);
                const x = rect.x;
                const y = rect.y;
                const width = rect.width;

                const lineHeight = this.lineHeight();

                this.drawCurrencyValue($gameParty.gold(), TextManager.currencyUnit, x, y, width);
                this.drawText('Test', x, y + lineHeight * 1, width);
            },
        }
    );
    // メニューシーンのコマンドウィンドウを調整
    d9mWindowArrange(Scene_Menu, 'command',
        function () {
            const ww = 400;
            const wh = Scene_Menu.prototype.calcWindowHeight(4, true);
            const wx = 0;
            const wy = Scene_Menu.prototype.mainAreaTop();
            return new Rectangle(wx, wy, ww, wh);
        },
        {
            maxCols: function() { return 2; },
            numVisibleRows: function() { return 4; },
        }
    );
    // メニューシーンのステータスウィンドウを調整
    d9mWindowArrange(Scene_Menu, 'status',
        function () {
            const ww = 640;
            const wh = 240;
            const wx = (Graphics.boxWidth - 640) / 2;
            const wy = Scene_Menu.prototype.mainAreaBottom() - wh;
            return new Rectangle(wx, wy, ww, wh);
        },
        {
            maxCols: function() { return 4; },
            numVisibleRows: function() { return 1; },
            drawItemImage: function(index) {
                const actor = this.actor(index);
                const rect = this.itemRectWithPadding(index);
                const w = Math.min(rect.width, 144);
                const h = Math.min(rect.height, 144);
                const lineHeight = this.lineHeight();
                this.changePaintOpacity(actor.isBattleMember());
                this.drawActorFace(actor, rect.x, rect.y + lineHeight * 0.7, w, h);
                this.changePaintOpacity(true);
            },
            drawItemStatus: function(index) {
                const actor = this.actor(index);
                const rect = this.itemRectWithPadding(index);
                const x = rect.x;
                const y = rect.y;
                const width = rect.width;
                const bottom = y + rect.height;
                const lineHeight = this.lineHeight();
                this.drawActorName(actor, x, y + lineHeight * 0, width);
                this.drawActorIcons(actor, x, y + lineHeight * 1, width);

                this.drawActorLevel(actor, x, y + lineHeight * 3.7, width);
                this.placeBasicGauges(actor, x, y + lineHeight * 4.5, width);
            },
        }
    );

    // メニューシーンを初期化
    d9mInitScene(Scene_Menu, ['command', 'status', 'test']);
})();

とりあえずBreakThroughのメニュー構成で表示。↓

●次回へ

独自ウィンドウを作成できるようにし、既存ウィンドウを調整できるようにした。

まだメニュー構成をどうするか考えてないけど、
次は独自ウィンドウをメニューとして動かせるようにプラグインを修正しよう。

プラグインは自由に使ってもらって構いません。
そのかわり何が起きても責任は負いません、自己責任でよろしく。

投稿【WrapEarth】VXAceをMZに移植③～ウィンドウ調整プラグイン【RPGツクール】はだくまたゲーム制作ブログに最初に表示されました。

【WrapEarth】VXAceをMZに移植②～転職機能【RPGツクール】

だくまた — Fri, 18 Nov 2022 16:09:03 +0000

●はじめに
●クラスチェンジ
1. ▷SceneCustomMenu.js
2. ▷プラグイン作成
●マップ操作
1. ▷Mキーでマップ表示
2. ▷マウス操作対応
●魔法仕様
1. ▷マウス操作対応
●次回へ

●はじめに

VXAceで作成したゲームもMZに移植し、アツマールで公開しようと思います。

今回は転職機能をメニューを使って動かし、マウス操作も可能にします。

●クラスチェンジ

▷SceneCustomMenu.js

「トリアコンタン」さんの「SceneCustomMenu.js」をお借りしてメニューを作ろう。
MZのプラグイン機能と「SceneCustomMenu.js」の高機能さもあって複雑。

デフォルトで用意されているアクター選択がそのまま使えた。
右上の詳細に現在の職業も表示したけど、左のアクター選択にすでに存在してた…まいっか。

とりあえずこれで。↓

クラスチェンジするアクターを選択

上位職は通常職を卒業してから選べるようにする。
上位職は選択できないようにして表示。
条件を満たすと表示される最下行の職業は出さない。↓

何に転職するか選択

職業選択後は移植して使おうと思ったが、
職業変更イベントが変数を使えないため恐ろしいことになってる。
当時は体験版だったので最大変数を変えられずアクターの名前を変数代わりにしたりしてカオス。
VXAceには無かった３つ目の引数がundefinedだし。↓

旧転職イベント

▷プラグイン作成

不具合発生時にイベントを修正するのも面倒なのでプラグイン化。

/*:ja
 * @target MZ
 * @plugindesc 転職機能
 * @author dar9matter
 *
 * @help d9mWrapEarthClassChange.js
 *
 * 転職チェック機能
 *
 */
let d9mWE = {};
(() => {
    'use strict';

    // スキルとして登録した各「卒業の証」のスキルID
    let warriorId      = 75;
    let mageId         = 77;
    let monkId         = 79;
    let magicWarriorId = 81;
    let knightId       = 83;
    let sageId         = 85;

    // 転職機能の初期化
    d9mWE.initSelectClass = function () {
        $gameVariables.setValue(118, -1);       // 変数「118:転職アクター」を初期化
        $gameVariables.setValue(109, -1);       // 変数「109:選択職業」を初期化
    }

    // 職業選択の開始
    d9mWE.startSelectClass = function () {
        $gameSwitches.setValue(117, d9mWE.checkMagicWarrior());     // 「魔法戦士」転職有効のスイッチ
        $gameSwitches.setValue(118, d9mWE.checkKnight());           // 「騎士」転職有効のスイッチ
        $gameSwitches.setValue(119, d9mWE.checkSage());             // 「賢者」転職有効のスイッチ
        $gameSwitches.setValue(120, d9mWE.checkSpiritWarrior());    // 「精霊の戦士」転職有効のスイッチ

        // 職業選択ウィンドウを表示
        SceneManager.changeWindowFocus('class_select');
    }

    // キャンセル
    d9mWE.cancelSelectClass = function () {
        $gameVariables.setValue(118, -1);       // 変数「118:転職アクター」を初期化
        $gameVariables.setValue(109, -1);       // 変数「109:選択職業」を初期化
    }

    // 転職実行
    d9mWE.changeClass = function () {
        let actor = $gameVariables.value(118);              // 選択中のアクターオブジェクト
        let classId = $gameVariables.value(109) + 1;        // 選択した職業のID

        // テンポラリ用アクターの名前を変更して文章表示に活用
        $gameActors.actor(9)._name = actor._name;
        $gameActors.actor(8)._name = $dataClasses[classId].name;

        // 職業変更
        actor.changeClass(classId, false)
    }

    // 魔法戦士になれるか？
    d9mWE.checkMagicWarrior = function () {
        let actorId = $gameVariables.value(118).id;
        return d9mWE.checkGraduation(actorId, warriorId) && d9mWE.checkGraduation(actorId, mageId);
    }

    // 騎士になれるか？
    d9mWE.checkKnight = function () {
        let actorId = $gameVariables.value(118).id;
        return d9mWE.checkGraduation(actorId, warriorId) && d9mWE.checkGraduation(actorId, monkId);
    }

    // 賢者になれるか？
    d9mWE.checkSage = function () {
        let actorId = $gameVariables.value(118).id;
        return d9mWE.checkGraduation(actorId, mageId) && d9mWE.checkGraduation(actorId, monkId);
    }

    // 精霊の戦士になれるか？
    d9mWE.checkSpiritWarrior = function () {
        let actorId = $gameVariables.value(118).id;
        return d9mWE.checkGraduation(actorId, magicWarriorId)
            && d9mWE.checkGraduation(actorId, knightId)
            && d9mWE.checkGraduation(actorId, sageId);
    }

    // 卒業したかチェック
    d9mWE.checkGraduation = function (actorId, skillId) {
        let flag = false;

        if (!$gameParty.members()[actorId]) {
            return false;
        }

        $gameParty.members()[actorId].skills().forEach((skill) => {
            if (skill.id == skillId) { flag = true; }
        });

        return flag;
    }
})();

転職の呼び出しは用意されてるとは思っていたが、
転職以外も色々制御できるようになってたんだなぁ。

クラスチェンジ完成

●マップ操作

▷Mキーでマップ表示

マップ表示アイテムの地図が「大事なもの」からになってるので面倒。
Mキーを押すだけで呼べるように修正。

Mキーでマップ表示切り替え

▷マウス操作対応

と、ここまで来てマウス操作できないことに気付く。
標準プラグイン「ButtonPicture.js」を使えばクリック対応できるようなので追加。↓

標準プラグイン追加

左上のミニマップをクリックしたら表示、↓

ミニマップをクリック→

マップが表示される

マップ表示中は画面クリックでマップ表示終了するようになった。↓

マップをクリック→

マップ表示終了

●魔法仕様

▷マウス操作対応

ゲームのキモである操作はQWASによるキー入力。
こちらもマウス操作に対応しなければならなかった・・・。

操作しにくそうだけど左上のアイコンクリックしてもらう形にするか。

左上のアイコンクリックで氷弾を発射

移動先をクリックする形なので、アイコンクリックもそれほど違和感なかった。

●次回へ

転職機能とマップのマウス対応、魔法のマウス対応を行った。

最低限メニューは改善しないと酷い状態なので、次はメニューかな。↓

メニューの流れがわかりにくい上、深すぎる

メニュー＞スプリム＞魔法と辿ってやっと魔法が使える。
一ヶ月の突貫工事だったとはいえ、やはり酷い。

ここはちょっと手間かもだけど、クレームの嵐は目に見えてるので頑張ろう。

投稿【WrapEarth】VXAceをMZに移植②～転職機能【RPGツクール】はだくまたゲーム制作ブログに最初に表示されました。

【WrapEarth】VXAceをMZに移植①【RPGツクール】

だくまた — Tue, 08 Nov 2022 14:38:00 +0000

●はじめに
●VXAceからMZへ移植
●不具合修正
●動作確認
●次回へ

●はじめに

VXAceで作成したゲームもMZに移植し、アツマールで公開しようと思います。

年内にRPGMakerUniteも出るとのことなので、発売前に公開するためコンバーターを利用します。

●VXAceからMZへ移植

▷コンバーター

「Ace MZ」に「変換、移植、コンバート」などを付けて検索したけど見つけられなかった。
公式ページにはリンクなし、MV購入してユーザー登録しないと駄目？

RPGツクールMV

PCだけじゃないついにスマホゲームも解禁！進化を続けるツクールシリーズ新次元へ！「RPGツクールMV」

諦めずに検索してたらGitHUBがあったので胸をなでおろす。
https://github.com/dodo64/plugins/blob/master/Ace%20%20MV%20Converter.rb

VXAceを起動し、スクリプトエディタのMainにスクリプトをコピー。↓

この状態で実行するとプロジェクトのルートフォルダに「mv-data」が作られた。↓

MZのプロジェクトを作成し、dataフォルダにmv-dataの内容をコピー、Audioも置き換え。

起動するとタイルが違う。
扉として看板置いたり、扉の上に階段置いたりする勇気はない。↓

とりあえず動かしてみるが、いきなりエラー。↓

フォントは正しいはずだが、undefinedってことはコンバート時にJSON定義されかったのかな。
一旦保存して起動しなおすと消えた。

がしかし次のエラー。↓

画像関係は手動コンバートが必要らしいので、一気にやってしまおう。

▷画像変換

検索した時に手動変換してる人が居たので、こちらを参考にちくちく変換。

RPGツクール VXAceのグラフィック素材をMV規格に変換する方法 | 趣味に生きる。

waifu2x-caffeとGIMPを使ってRPGツクールVXAceのRTPをRPGツクールMVで使えるようにする方法です。（Windows 64bit版向け）

グラフィックのコンバーターは時間がかかるけど、「単純な引き延ばしではない」ということかな。

動いた！↓

けど独自で用意したUIがズレている。↓

色んな画像を位置指定しているので、大変かも知れない・・・。

▷独自画像の調整

MZのUIに被らないよう、右上のアイコンを左に移動。↓

全体マップを収まるサイズに拡大。↓

イベントの画像位置指定の修正で各位置ズレを解決。

フィールドの左上マップの位置ズレ修正。↓

現在位置を示すマーカーの位置ズレ修正。↓

ダンジョン内のミニマップと鍵の位置ズレを修正。↓

思っていたよりは楽に修正できた。

しかし、違う装備スロットに装備されるため、左上のアイコンが表示されないことが判明。
・・・これは、やばいか？

ここまで来たら完全作り直しより圧倒的に楽なはず。
大丈夫だろ。

▷日本語に修正

デフォルト指定のままだったためか、コンバートで結構英語になってた。
VXAceに無い項目もあったからかな？

MZデフォルト値に置き換えたけど、ちょっと面倒だった。

●不具合修正

▷敵ズレ

敵がめっちゃ左上に集まってる。
サイズ調整だけでは駄目だったっぽい。↓

敵パーティをランダムに切り替えられるよう頑張ったため、修正が大変。

「画像なしの敵は配置しても扱われない」という動作を利用し、変身させてパターンを増やしたのだが、
変身している敵が並んでいない・・・？と混乱した。

随分昔のことだし、ハック的？なものだし、解析できてよかった。

テスト戦闘で各パターンで期待通り表示されることを確認。

▷キー操作

QWASで魔法を使ったり、Dキーで並び替えしたりできる。
この操作はこのゲームの根幹にかかわる部分なのに動かない…まずい。

キー判定がスクリプトになっているが、MZでは許可されたキーしか使えないようだ。

許可キーを追加したプラグインを記述し、Dキーで隊列変更することを確認。

ふぅ、一安心。

▷クラスチェンジ

クラスチェンジの対象者名が出ていない。↓

さらにクラス選択のカーソルがズレている。↓

表示がおかしいのは修正できるが、マウスで操作できない。
これは作り直さないと駄目だな。

メニュー作成プラグインを借りて、そこからコモンイベントに移したクラスチェンジ処理を呼べば動くだろう。

とりあえず、後回し。

●動作確認

▷装備ズレ

装備設定と装備箇所が合わない。
装備スロット「スプリム」に行くはずなのに、装備スロット「ビット」に装備される。

装備スロットには「スプリム」となっているのに、「ビット」として扱われている・・・。↓

RPGツクールのデフォルトでは武器に当たるが、コンバートでズレて変換された？

装備設定をし直して確認したら予感的中、正しく動いた。↓

武器、防具の装備タイプを付け直して正しい場所に装備されることを確認。
これは流石に焦った、よー気付いた。

装備に連動して画面左上の「S」にアイコンが表示されること、
Sキーを押して魔法（キャラクターの左にある白い球）が発射されることを確認。↓

▷イベント関連

ツクールの仕様がほとんど変わってないから大丈夫だと思うが、
怖いのはアイテムに対して作成した独自処理。
強化、合成、レベルアップなどあるので、ちゃんと変換できてるか心配。

左上の「同調率」が上がることを確認、とりあえず動いてそう。↓
合成、強化、古代魔法、、、とあるので、まだまだ確認が必要だが・・・。

▷パズル

ゼ○ダ的なパズルがあるので、その部分が動くか確認。
しかし、パズル攻略を覚えていないため、突破に時間がかかる始末。
岩動かしたり、闇払ったり、壁登ったり、ひとまず大丈夫そう。

壁登りに使うツタは「１発目が消えるバグ」が残っているのを再発見。
直せずに諦めてたが、直すか。

選択している行の「ツタ位置を変数に入れる」処理を忘れたため、
初回は２マス以上離れたと判断されてツタが消滅していた。
いや、しょーもな！↓

●次回へ

コンバーターが見つけられなかったり、移植しきれなかった部分があったりと焦ったが、何とか動きそう。

クラスチェンジをちゃんと組み込めば後は問題なさそうだ。
念のためテストプレイし、ちゃんと通ることを確認たら公開しよう。

強引な作りでインターフェースが最悪なのが気になるが、
まずは完璧な移植をしてからにしよう。

投稿【WrapEarth】VXAceをMZに移植①【RPGツクール】はだくまたゲーム制作ブログに最初に表示されました。