RS_EventName.js

//================================================================
// RS_EventName.js
// ---------------------------------------------------------------
// The MIT License
// Copyright (c) 2016 biud436
// ---------------------------------------------------------------
// Free for commercial and non commercial use.
//================================================================
/*:
 * RS_EventName.js
 *
 * @target MZ
 * @plugindesc (v1.4.1) This plugin displays an event's name above a head. <RS_EventName>
 * @author biud436
 * @url https://biud436.tistory.com/
 *
 * @param text Size
 * @type number
 * @desc Changes a text size
 * @default 22
 * @min 12
 * @decimals 0
 *
 * @param Show Player Text
 * @type boolean
 * @desc Shows player's name on its head
 * @default true
 * @on Can show
 * @off Can't show
 *
 * @param Boat
 * @desc Changes Boat Name
 * @default Boat
 *
 * @param Ship
 * @desc Changes Ship Name
 * @default Ship
 *
 * @param AirShip
 * @desc Changes AirShip Name
 * @default AirShip
 *
 * @param Refresh Name
 * @type boolean
 * @desc Sets whether the name is updated.
 * @default false
 * @on true
 * @off update
 *
 * @param Z
 * @type number
 * @min 0
 * @desc Specify the z-order value.
 * @default 20
 *
 * @help
 * More details for information,
 * Please see this post - http://biud436.tistory.com/31
 *
 * ==================================================================================
 * How to Use
 * ==================================================================================
 * To show up the name of certain event, you must set the event note as follows.
 * (Note that An Event Note is next to event name)
 *
 * #color[255, 0, 0]
 *
 * There is no way how to change the color after initializing.
 * it is not needed. Because that is the performance reasons.
 *
 * To change the name without saving to data file, you can call this plugin command.
 *
 *      ChangeEventName eventId name
 *
 *  eventId :
 *      if you set the number is to 0, the eventId will set as current event id.
 *  name    : Speicfy the desired name. (Do not be omitted the name)
 *
 * Here are how to use it.
 * The event name of the target will be updated to include as follows name informations.
 *
 *      ChangeEventName 0 RPG Maker MV
 *
 * ==================================================================================
 * Change Log
 * ==================================================================================
 * 2016.03.25 (v1.3.0) - Added New Function called updateScale();
 * 2016.03.26 (v1.3.1) - Added Vehicle
 * 2016.05.05 (v1.3.2) - Updated Vector2 Class
 * 2016.05.20 (v1.3.3) - Fixed issues that can cause an increase of opacity and the memory leak.
 * 2016.05.21 (v1.3.4) - Fixed issue that causes the memory leak.
 * 2016.05.28 (v1.3.5) - Fixed Color Bug.
 * 2016.08.20 (v1.3.6) - Fixed the issue that was not working the name toggle function.
 * 2016.09.27 (v1.3.7) - The visible setting sets as the false before calling the battle.
 * 2016.09.28 (v1.3.8) - Fixed the issue that occurs when the player is not existed.
 * 2018.10.22 (v1.3.9) :
 * - Fixed the bug that vehicle name shows up even in the map that the vehicle didn't set.
 * 2019.03.03 (v1.3.10) :
 * - Added a feature that can change the name.
 * - Added a feature that can set the z-depth value.
 * - Refactoring the code.
 * 2019.10.20 (v1.3.11) :
 * - Refactoring the code.
 * 2020.10.17 (v1.4.0) :
 * + Removed RPG Maker MV dependency.
 *      - Removed Utils.rgbToCssColor that can't work in MZ.
 *      - Fixed font and Graphics settings.
 * 2023.08.12 (v1.4.1) - ES6 Refactoring and tested in RMMV 1.6.2 (nw v0.55.0)
 * ==================================================================================
 * Commands
 * ==================================================================================
 *
 * @command ChangeEventName
 * @text ChangeEventName
 * @desc
 *
 * @arg eventId
 * @type number
 * @desc
 * @default 1
 *
 * @arg name
 * @type string
 * @desc
 * @default ""
 *
 */

/*:ko
 * RS_EventName.js
 *
 * @target MZ
 * @plugindesc (v1.4.1) 이벤트 이름 표시 플러그인 <RS_EventName>
 * @author 러닝은빛
 * @url https://biud436.tistory.com/
 *
 * @param text Size
 * @text 텍스트 크기
 * @type number
 * @desc 텍스트 크기를 변경합니다.
 * @default 16
 * @min 4
 * @decimals 0
 *
 * @param Show Player Text
 * @text 플레이어 텍스트 표시
 * @type boolean
 * @desc 플레이어 텍스트를 머리 위에 표시합니다.
 * @default true
 * @on 표시함
 * @off 표시하지 않음
 *
 * @param Boat
 * @text 보트
 * @desc 탈것 - 보트의 이름을 설정합니다.
 * @default 보트
 *
 * @param Ship
 * @text 배
 * @desc 탈것 - 배의 이름을 설정합니다.
 * @default 배
 *
 * @param AirShip
 * @text 비행선
 * @desc 탈것 - 비행선의 이름을 설정합니다.
 * @default 비행선
 *
 * @param Refresh Name
 * @text 이름 업데이트
 * @type boolean
 * @desc 이름이 달라졌을 경우 새로 그립니다.
 * @default false
 * @on true
 * @off update
 *
 * @param Z
 * @text Z 좌표
 * @type number
 * @min 0
 * @desc Z 좌표를 설정하세요.
 * @default 20
 *
 * @help
 * ==================================================================================
 * 사용법
 * ==================================================================================
 * 특정 이벤트 위에 이벤트 이름을 표시하려면 다음과 같은 이벤트 노트를 설정하세요.
 * (주의 : 이벤트 노트는 이벤트 이름 칸 옆에 위치합니다.)
 *
 * #color[255, 0, 0]
 *
 * 성능상의 이유로 게임이 시작된 후 색상을 변경할 수는 없습니다.
 *
 * 이름은 임의로만 변경할 수 있습니다.
 *
 * 다음 플러그인 명령을 활용하면, 이벤트 데이터 파일을 실제로 변경하진 않지만,
 * 화면에 표시되는 이름을 임의로 변경할 수 있습니다.
 * 임의 변경이기 때문에 맵이 재시작되면 다시 원래 가지고 있던 이름이 표시됩니다.
 *
 *      ChangeEventName eventId name
 *
 *  eventId :
 *      이 값을 0으로 설정하면, eventId 값은 현재 이벤트의 id 값이 됩니다.
 *  name    : 원하는 이름으로 설정하세요. (생략할 수 없습니다. 반드시 적으세요. )
 *
 * 실제 사용 예는 다음과 같습니다.
 *
 *      ChangeEventName 0 RPG Maker MV
 *
 * ==================================================================================
 * Commands
 * ==================================================================================
 *
 * @command ChangeEventName
 * @text ChangeEventName
 * @desc
 *
 * @arg eventId
 * @type number
 * @desc
 * @default 1
 *
 * @arg name
 * @type string
 * @desc
 * @default ""
 *
 */

(() => {
  'use strict';

  const RS = window.RS || {};
  RS.EventName = RS.EventName || {};
  RS.EventName.Params = RS.EventName.Params || {};

  let parameters = $plugins.filter(function (i) {
    return i.description.contains('<RS_EventName>');
  });

  parameters = parameters.length > 0 && parameters[0].parameters;

  const pluginName = parameters.length > 0 && parameters[0].name;

  //===========================================================================
  // RS.EventName.Params
  //===========================================================================

  Object.assign(RS.EventName.Params, {
    textSize: Number(parameters.textSize || 14),

    regExpr: /(?:@color|#color)\[*(\d*)[ ]*,*[ ]*(\d*)[ ]*,*[ ]*(\d*)\]*/,
    showPlayerText: String(parameters['Show Player Text'] || 'true'),

    airshipName: String(parameters.AirShip || 'AirShip'),
    shipName: String(parameters.Ship || 'Ship'),
    boatName: String(parameters.Boat || 'Boat'),

    isRefreshName: Boolean(parameters['Refresh Name'] === 'true'),

    defaultOutlineWidth: 2,
    nameBoxYPadding: 10,
    mousePointerNearDst: 48,

    nameLayerZ: 20,
    nameBoxRect: {
      x: 0,
      y: 0,
      width: 120,
      height: 40,
    },

    playerNameColor: [255, 255, 255],
    vehicleNameColor: [255, 255, 255],

    nameAnchor: {
      x: 0.5,
      y: 1.0,
    },
  });

  Object.assign(RS.EventName, {
    get boxWidth() {
      return Utils.RPGMAKER_NAME === 'MZ' ? Graphics.width : Graphics.boxWidth;
    },
    get boxHeight() {
      return Utils.RPGMAKER_NAME === 'MZ'
        ? Graphics.height
        : Graphics.boxHeight;
    },
  });

  //===========================================================================
  // Vector2
  //===========================================================================

  class Vector2 {
    /**
     * @param  {Number} x
     * @param  {Number} y
     */
    constructor(x, y) {
      this._x = x;
      this._y = y;
    }

    /**
     * @member {Number}
     */
    get x() {
      return this._x;
    }

    set x(value) {
      this._x = value;
    }

    /**
     * @member {Number}
     */
    get y() {
      return this._y;
    }

    set y(value) {
      this._y = value;
    }

    /**
     * @param  {Vector2} vec
     */
    add(vec) {
      this.x += vec.x;
      this.y += vec.y;
      return this;
    }

    /**
     * @param  {Vector2} vec
     */
    minus(vec) {
      this.x -= vec.x;
      this.y -= vec.y;
      return this;
    }

    /**
     * @param  {Vector2} vec
     */
    mul(vec) {
      this.x *= vec.x;
      this.y *= vec.y;
      return this;
    }

    /**
     * @param  {Vector2} vec
     */
    div(vec) {
      if (!vec) return this;
      if (vec.x === 0.0) return this;
      if (vec.y === 0.0) return this;
      this.x /= vec.x;
      this.y /= vec.y;
      return this;
    }

    /**
     * @param  {Number} x
     * @param  {Number} y
     */
    set(x, y) {
      this.x = x;
      this.y = y;
    }

    getLength() {
      return Math.sqrt(this.x * this.x + this.y * this.y);
    }

    /**
     * @member {Number}
     * @readonly
     */
    get length() {
      return this.getLength();
    }

    /**
     * @param  {Vector2} vec
     * @return {Boolean}
     */
    static isNormalize(vec) {
      if (vec.x >= 0.0 && vec.x <= 1.0 && vec.y >= 0.0 && vec.y <= 1.0) {
        return true;
      }
      return false;
    }

    /**
     * @param  {Vector2} vec
     */
    getAngle(vec) {
      if (Vector2.isNormalize(this) && Vector2.isNormalize(vec)) {
        const val = this.dot(vec);
        return Math.acos(val);
      }

      console.error("it doesn't a normalized vector");
      return 0.0;
    }

    static empty() {
      return new Vector2(0.0, 0.0);
    }

    normalize() {
      const rel = Vector2.empty();
      if (this.length !== 0) {
        rel.x = this.x / this.length;
        rel.y = this.y / this.length;
      }
      return rel;
    }

    /**
     * @param  {Vector2} vec
     */
    dot(vec) {
      return this.x * vec.x + this.y * vec.y;
    }

    /**
     * @param  {Number} angle
     */
    rotate(angle) {
      this.x = this.x * Math.cos(angle) - this.y * Math.sin(angle);
      this.y = this.x * Math.sin(angle) + this.y * Math.cos(angle);
    }

    /**
     * @param  {Vector2} vec
     * @param  {Number} angle
     */
    pointDirection(vec, angle) {
      return (
        Math.atan2(vec.y - this.y, vec.x - this.x) - (Math.PI / 180) * angle
      );
    }

    /**
     * @param  {Vector2} vec1
     * @param  {Vector2} vec2
     * @param  {Number} t
     */
    static mix(vec1, vec2, t) {
      const vec = Vector2.empty();
      vec.x = vec1.x + t * (vec2.x - vec1.x);
      vec.y = vec1.x + t * (vec2.y - vec1.y);
      return vec;
    }

    /**
     * @param  {Vector2} vec1
     * @param  {Vector2} vec2
     * @param  {Vector2} vec3
     * @param  {Number} t
     */
    static quadraticBezier(vec1, vec2, vec3, t) {
      const d = Vector2.mix(vec1, vec2, t);
      const e = Vector2.mix(vec2, vec3, t);
      const p = Vector2.mix(d, e, t);
      return p;
    }

    /**
     * @param  {Number} angle
     */
    static limitAngle(angle) {
      while (angle < -Math.PI) angle += Math.PI * 2;
      while (angle >= Math.PI) angle -= Math.PI * 2;
      return angle;
    }

    /**
     * @param  {Vector2} vec1
     * @param  {Vector2} vec2
     */
    static distance(vec1, vec2) {
      const val = (vec2.x - vec1.x) ** 2 + (vec2.y - vec1.y) ** 2;
      return Math.sqrt(val);
    }
  }

  //===========================================================================
  // Sprite_Name
  //===========================================================================

  const SCALE_UP_X2_MATRIX = [
    { x: 1, y: 1 },
    { x: 2, y: 2 },
    { x: 1, y: 1 },
  ];

  const DEFAULT_SCALE_X1_MATRIX = { x: 1, y: 1 };

  class Sprite_Name extends Sprite {
    constructor(data) {
      super();

      this.bitmap = new Bitmap(
        RS.EventName.Params.nameBoxRect.width,
        RS.EventName.Params.nameBoxRect.height
      );
      this.initMembers(data);
      this.setFontName();
      this.setTextSize(data.textSize);
      this.setTextColor(data.textColor);
      this.setTextOutlineWidth(data.outlineWidth);
      this.setPosition();
      this.setAnchor(data.anchor);
      this.updateName();
      // eslint-disable-next-line no-multi-assign
      this._visible = this.visible = this.isReady();
    }

    initMembers(data) {
      this._member = data.member;
      this._prevName = '';
    }

    setFontName() {
      this.bitmap.fontFace =
        Utils.RPGMAKER_NAME === 'MZ'
          ? $gameSystem.mainFontFace()
          : Window_Base.prototype.standardFontFace.call(this);
    }

    setTextSize(n) {
      this.bitmap.fontSize = n;
    }

    setTextOutlineWidth(n) {
      this.bitmap.outlineWidth = n || RS.EventName.Params.defaultOutlineWidth;
    }

    characterWidth() {
      if (!this._member) return 0;
      const name = character.characterName();
      const isBigCharacter = ImageManager.isBigCharacter(name);
      const bitmap = ImageManager.loadCharacter(name);

      if (!bitmap) return 0;

      return isBigCharacter ? bitmap.width / 3 : bitmap.width / 12;
    }

    characterHeight() {
      const member = this._member;

      if (!member) return 0;
      const name = member.characterName();
      const isBigCharacter = ImageManager.isBigCharacter(name);
      const bitmap = ImageManager.loadCharacter(name);

      if (!bitmap) return 0;
      if (!(bitmap instanceof Bitmap)) {
        return 0;
      }

      return isBigCharacter ? bitmap.height / 4 : bitmap.height / 8;
    }

    setPosition() {
      this.x = this._member.screenX();
      this.y =
        this._member.screenY() -
        this.characterHeight() +
        RS.EventName.Params.nameBoxYPadding;
    }

    setAnchor(pt) {
      if (!pt) {
        console.warn('the variable named "pt" is not defined');
        return;
      }

      if (!('x' in pt) || !('y' in pt)) {
        console.warn('x and y variables are not defined');
        return;
      }

      const DEFAULT_NAME_ANCHOR_X = RS.EventName.Params.nameAnchor.x;
      const DEFAULT_NAME_ANCHOR_Y = RS.EventName.Params.nameAnchor.y;

      this.anchor.x = pt.x || DEFAULT_NAME_ANCHOR_X;
      this.anchor.y = pt.y || DEFAULT_NAME_ANCHOR_Y;
    }

    isTransparent() {
      return this._member.isTransparent();
    }

    isErased() {
      const isErasedEvent = this._member._erased;
      const isEmptyEventName = !this._member._characterName;

      return isErasedEvent || isEmptyEventName;
    }

    isReady() {
      return (
        this._member.findProperPageIndex() > -1 &&
        !this.isTransparent() &&
        !this.isErased()
      );
    }

    setTextColor(color) {
      const makeColor = `rgba(${color.join(',')}, 1.0)`;
      this.bitmap.textColor = makeColor;
    }

    obtainName() {
      const target = this._member;
      const eventId = target.eventId();
      const tempEvent = $dataMap.events[eventId];
      const name = tempEvent.name || '';
      return name;
    }

    updateName() {
      if (!this.bitmap) return;
      if (!this.isReady()) return;

      const name = this.obtainName();
      const { width, height } = RS.EventName.Params.nameBoxRect;
      const align = 'center';

      // if the text has be changed, it will be re-generated the texture so it can have a performance penalty.
      if (this._prevName !== name) {
        this.bitmap.clear();
        this.bitmap.drawText(name, 0, 0, width, height, align);
        this._prevName = name;
      }
    }

    updateVisibility() {
      const isReady = this.isReady();
      const { isVisible } = this;

      if (isVisible !== isReady) {
        this.visible = isReady;
      }
    }

    updatePosition() {
      const member = this._member;
      if (!member) {
        return;
      }

      const screenX = member.screenX();
      const screenY = member.screenY();
      const characterHeight = this.characterHeight();
      const paddingY = RS.EventName.Params.nameBoxYPadding || 0;

      this.x = screenX;
      this.y = screenY - characterHeight + paddingY;
    }

    updateScale() {
      // 이벤트 이름 스프라이트와 마우스 간의 거리를 측정합니다.
      const eventNameDistance = Vector2.distance(this, Sprite_Name.MOUSE_EVENT);

      // 마우스 포인터의 임계값을 설정합니다.
      // 이 임계값은 현재 마우스 포인터가 임계치 안으로 들어왔을 때, 3차 베지어 곡선을 통해 Scale Transform을 발생시킵니다.
      const mousePointerNearDist = RS.EventName.Params.mousePointerNearDst;

      if (eventNameDistance < mousePointerNearDist) {
        // TODO: "window.requestAnimationFrame"가 더 나은 대안일 수 있습니다.
        const t = (Date.now() % 10000) / 10000;

        this.scale = Vector2.quadraticBezier(...SCALE_UP_X2_MATRIX, t);
      } else {
        this.scale = DEFAULT_SCALE_X1_MATRIX;
      }
    }

    // eslint-disable-next-line class-methods-use-this
    updateFilter() {}

    // eslint-disable-next-line class-methods-use-this
    updateRotation() {}

    update() {
      super.update();
      this.updatePosition();
      this.updateVisibility();
      this.updateScale();
      this.updateFilter();
      this.updateRotation();
      this.updateName();
    }
  }

  Sprite_Name.MOUSE_EVENT = Vector2.empty();

  //===========================================================================
  // Mouse
  //===========================================================================

  (() => {
    const { body } = document;
    if (body) {
      body.addEventListener('mousemove', event => {
        const x = Graphics.pageToCanvasX(event.pageX);
        const y = Graphics.pageToCanvasY(event.pageY);

        if (Sprite_Name.MOUSE_EVENT instanceof Vector2) {
          Sprite_Name.MOUSE_EVENT.set(x, y);
        }
      });
    }
  })();

  //===========================================================================
  // Sprite_PlayerName
  //===========================================================================

  class Sprite_PlayerName extends Sprite_Name {
    constructor(data) {
      super(data);
      // eslint-disable-next-line no-multi-assign
      this._visible = this.visible = this.isReady();
      this._pangle = 0;
    }

    setPosition() {
      this.x = this._member.screenX();
      this.y = this._member.screenY() - this.characterHeight() + 10;
    }

    isTransparent() {
      return this._member.isTransparent();
    }

    isReady() {
      return (
        $gameParty.members().length > 0 &&
        !this.isTransparent() &&
        RS.EventName.Params.showPlayerText === 'true'
      );
    }

    // eslint-disable-next-line class-methods-use-this
    obtainName() {
      const name = $gameParty.members()[0].name() || '';
      return name;
    }
  }

  //===========================================================================
  // Sprite_VehicleName
  //===========================================================================

  class Sprite_VehicleName extends Sprite_Name {
    initMembers(data) {
      super.initMembers(data);
      this._type = data.name;
    }

    // eslint-disable-next-line class-methods-use-this
    isTransparent() {
      return false;
    }

    isReady() {
      const currentMapId = $gameMap.mapId();
      const isReady = this._member._mapId === currentMapId;
      return RS.EventName.Params.showPlayerText === 'true' && isReady;
    }

    isErased() {
      return !this._member._characterName;
    }

    obtainName() {
      const type = this._type.slice(0);

      switch (type) {
        case 'airship':
          return RS.EventName.Params.airshipName;
        case 'ship':
          return RS.EventName.Params.shipName;
        case 'boat':
          return RS.EventName.Params.boatName;
        default:
          return type;
      }
    }
  }

  //===========================================================================
  // Sprite_Character
  //===========================================================================

  Sprite_Character.prototype.isValidNameSprite = function () {
    let c;
    const character = this._character;
    if (character) c = character.constructor.name;
    if (c === 'Game_Event') return true;
    if (c === 'Game_Vehicle') return true;
    if (c === 'Game_Player') return true;
    return false;
  };

  Sprite_Character.prototype.createNameSprite = function () {
    // eslint-disable-next-line no-useless-return
    if (!this.isValidNameSprite()) return;
  };

  const alias_Sprite_Character_update = Sprite_Character.prototype.update;
  Sprite_Character.prototype.update = function () {
    alias_Sprite_Character_update.call(this);
    if (!this._nameSprite) this.createNameSprite();
  };

  //===========================================================================
  // NameComponent
  //===========================================================================

  class NameComponent {
    constructor(sprite) {
      this._sprite = sprite;
    }

    /**
     *
     * @param {PIXI.Sprite} parent
     */
    attach(parent) {
      if (!parent) return;
      if (this._sprite) parent.addChild(this._sprite);
    }

    /**
     * @param  {String} type
     * @param  {{outlineWidth: Number, anchor: Point, textSize: Number, height: Function}} data
     */
    static create(type, data) {
      let sprite = null;

      switch (type) {
        case 'Game_Player':
          sprite = new Sprite_PlayerName(data);
          break;
        case 'Game_Vehicle':
          sprite = new Sprite_VehicleName(data);
          break;
        case 'Game_Event':
          sprite = new Sprite_Name(data);
          break;
        default:
          throw new Error(`Unknown type: ${type}`);
      }

      return new NameComponent(sprite);
    }
  }

  //===========================================================================
  // Spriteset_Map
  //===========================================================================

  Spriteset_Map.prototype.addNewNameSprite = function (type, data) {
    if (!this._nameLayer) return;
    NameComponent.create(type, data).attach(this._nameLayer);
  };

  Spriteset_Map.prototype.createNameLayer = function () {
    const commonData = {
      outlineWidth: RS.EventName.Params.defaultOutlineWidth,
      anchor: new Point(
        RS.EventName.Params.nameAnchor.x,
        RS.EventName.Params.nameAnchor.y
      ),
      textSize: RS.EventName.Params.textSize,
    };

    // Create Name Layer
    this._nameLayer = new Sprite();
    this._nameLayer.setFrame(
      0,
      0,
      RS.EventName.boxWidth,
      RS.EventName.boxHeight
    );
    this._nameLayer.z = RS.EventName.Params.nameLayerZ;
    this.addChild(this._nameLayer);

    // Create Each Characters
    this._characterSprites.forEach(i => {
      const color = [];
      const character = i._character;
      const _constructor = character.constructor.name;

      switch (_constructor) {
        // Create a name sprite for game player.
        case 'Game_Player':
          Object.assign(commonData, {
            member: $gamePlayer,
            textColor: RS.EventName.Params.playerNameColor,
          });

          // if it exists the member into game party, it creates a name sprite.
          if ($gameParty.leader()) {
            this.addNewNameSprite(_constructor, commonData);
          }

          break;

        // Create the name sprite for the game event.
        case 'Game_Event':
          if (character._erased) return;
          if (character.isTransparent()) return;
          if (!character.event().note.match(RS.EventName.Params.regExpr))
            return;

          color.push(Number(RegExp.$1 || 255));
          color.push(Number(RegExp.$2 || 255));
          color.push(Number(RegExp.$3 || 255));

          // combine object to common data.
          Object.assign(commonData, {
            member: character,
            textColor: color,
          });

          this.addNewNameSprite(_constructor, commonData);

          break;

        // Create the name sprite for the game vehicle.
        case 'Game_Vehicle':
          // combine object to common data for Game_Vehicle.
          Object.assign(commonData, {
            member: character,
            textSize: RS.EventName.Params.textSize,
            textColor: RS.EventName.Params.vehicleNameColor,
            name: character._type,
          });

          this.addNewNameSprite(_constructor, commonData);

          break;
        default:
      }
    }, this);
  };

  Spriteset_Map.prototype.removeNameLayer = function () {
    let layer = this._nameLayer;
    const { children } = layer;
    const { length } = children;
    if (!layer) return;

    children.forEach(i => {
      i.visible = false;
      if (i._member) i._member = null;
      if (i._name) i._name = null;
      if (i._offsetY) i._offsetY = null;
    });

    layer.removeChildren(0, length);

    layer = null;
    this._nameLayer = null;
  };

  const alias_Spriteset_Map_createCharacters =
    Spriteset_Map.prototype.createCharacters;
  Spriteset_Map.prototype.createCharacters = function () {
    alias_Spriteset_Map_createCharacters.call(this);
    this.createNameLayer();
    this.on('removed', this.removeNameLayer, this);
  };

  //===========================================================================
  // Scene_Map
  //===========================================================================

  const alias_Scene_Map_snapForBattleBackground =
    Scene_Map.prototype.snapForBattleBackground;
  Scene_Map.prototype.snapForBattleBackground = function () {
    if (this._spriteset._nameLayer) {
      this._spriteset._nameLayer.visible = false;
    }

    alias_Scene_Map_snapForBattleBackground.call(this);
  };

  //===========================================================================
  // Game_Interpreter
  //===========================================================================

  const alias_Game_Interpreter_pluginCommand =
    Game_Interpreter.prototype.pluginCommand;
  Game_Interpreter.prototype.pluginCommand = function (command, args) {
    alias_Game_Interpreter_pluginCommand.call(this, command, args);

    if (command === 'ChangeEventName') {
      if (!RS.EventName.Params.isRefreshName) return;

      let eventId = parseInt(args[0], 10);

      if (eventId <= 0) eventId = this._eventId;
      if (eventId <= 0) return;

      const name = args.slice(1).join(' ');

      if ($dataMap.events[eventId]) {
        $dataMap.events[eventId].name = name;
      }
    }
  };

  if (Utils.RPGMAKER_NAME === 'MZ') {
    PluginManager.registerCommand(pluginName, 'ChangeEventName', args => {
      if (!RS.EventName.Params.isRefreshName) {
        return;
      }

      let eventId = Number(args.eventId);
      const name = args.name || '';

      if (eventId <= 0) eventId = this._eventId;
      if (eventId <= 0) return;

      if ($dataMap.events[eventId]) {
        $dataMap.events[eventId].name = name;
      }
    });
  }

  window.Vector2 = Vector2;
  window.Sprite_Name = Sprite_Name;
  window.Sprite_PlayerName = Sprite_PlayerName;
  window.Sprite_VehicleName = Sprite_VehicleName;
})();