MVでマップ上に画像を表示するサンプル

ImageOnMap.js

(function () {
  'use strict';

  const MINIMAP_X = 600;
  const MINIMAP_Y = 30;

  const MINIMAP_TOGGLE_KEY = 'pagedown';

  const _Scene_Map_updateScene = Scene_Map.prototype.updateScene;
  Scene_Map.prototype.updateScene = function () {
    _Scene_Map_updateScene.call(this);
    if (!SceneManager.isSceneChanging()) {
      this.updateToggleMinimap();
    }
  };

  Scene_Map.prototype.updateToggleMinimap = function () {
    if (Input.isTriggered(MINIMAP_TOGGLE_KEY)) {
      this._spriteset.toggleMinimap();
    }
  };

  class Sprite_Minimap extends Sprite_Base { 
    initialize() {
      super.initialize();
      this.bitmap = ImageManager.loadBitmap('img/system/', 'minimap', 0, false);
    }
  }

  const _Spriteset_Map_createUpperLayer = Spriteset_Map.prototype.createUpperLayer;
  Spriteset_Map.prototype.createUpperLayer = function () {
    _Spriteset_Map_createUpperLayer.call(this);
    this.createMinimap();
  };

  Spriteset_Map.prototype.createMinimap = function () {
    this._minimap = new Sprite_Minimap();
    this._minimap.move(MINIMAP_X, MINIMAP_Y);
    this._baseSprite.addChild(this._minimap);
  };
  
  Spriteset_Map.prototype.toggleMinimap = function () {
    if (this._minimap.visible) {
      this.hideMinimap();
    } else {
      this.showMinimap();
    }
  };

  Spriteset_Map.prototype.showMinimap = function () {
    this._minimap.show();
  };

  Spriteset_Map.prototype.hideMinimap = function () {
    this._minimap.hide();
  };
})();