425 lines
12 KiB
JavaScript
425 lines
12 KiB
JavaScript
//=============================================================================
|
||
// RPG Maker MZ - Event Display Name
|
||
//=============================================================================
|
||
|
||
/*:
|
||
* @target MZ
|
||
* @plugindesc Show name above the event.
|
||
* @author gabacho(Ichiro Meiken)
|
||
* @url https://star-write-dream.com/
|
||
* @help GABA_EventDisplayName.js(ver1.0.0)
|
||
*
|
||
* Show name above the event.
|
||
*
|
||
* --------------------------
|
||
* Copyright (c) 2020 Gabacho(Ichiro Meiken)
|
||
* Released under the MIT license
|
||
* https://opensource.org/licenses/mit-license.php
|
||
* --------------------------
|
||
*
|
||
* @param nameFontSize
|
||
* @text Name font size
|
||
* @type number
|
||
* @desc Enter the font size of the name.(Default:16)
|
||
* @default 16
|
||
*
|
||
* @param nameFontColor
|
||
* @text Name font color
|
||
* @type number
|
||
* @desc Enter the font color of the name. (Default:0) The same as the method for specifying the message font color.
|
||
* @default 0
|
||
*
|
||
* @param nameOutlineColor
|
||
* @text Name outline color
|
||
* @type number
|
||
* @desc Enter the outline color of the name. (Default:19) The same as the method for specifying the message font color.
|
||
* @default 19
|
||
*
|
||
* @param nameDisplayWidth
|
||
* @text Name display width
|
||
* @type number
|
||
* @desc Enter the display width of the name. (Default:80) If it does not fit, the font is reduced.
|
||
* @default 80
|
||
*
|
||
* @param par
|
||
* @text Background setting
|
||
*
|
||
* @param paddingX
|
||
* @parent par
|
||
* @text Padding of background (left and right)
|
||
* @type number
|
||
* @desc Enter the left and right padding of the background in pixels. (Default: 4)
|
||
* @default 4
|
||
*
|
||
* @param paddingY
|
||
* @parent par
|
||
* @text Padding of background (top and bottom)
|
||
* @type number
|
||
* @desc Enter the top and bottom padding of the background in pixels. (Default: 4)
|
||
* @default 4
|
||
*
|
||
* @param baseColor
|
||
* @parent par
|
||
* @text Bace color
|
||
* @type struct<Color>
|
||
* @desc Background base color
|
||
* @default {"red":"0","green":"0","blue":"255", "opacity":"0.8"}
|
||
*
|
||
* @param gradationColor
|
||
* @parent par
|
||
* @text Gradient color
|
||
* @type struct<Color>
|
||
* @desc Background gradient color
|
||
* @default {"red":"0","green":"0","blue":"0", "opacity":"0.8"}
|
||
*
|
||
* @param verticalMode
|
||
* @parent par
|
||
* @text Gradation in the vertical direction
|
||
* @type boolean
|
||
* @desc ON:Vertical OFF:Horizontal
|
||
* @on ON
|
||
* @off OFF
|
||
* @default true
|
||
*
|
||
*/
|
||
|
||
/*:ja
|
||
* @target MZ
|
||
* @plugindesc イベントの上部にテキストを表示します。
|
||
* @author ガバチョ（溟犬一六）
|
||
* @url https://star-write-dream.com/
|
||
*
|
||
* @help GABA_EventDisplayName.js(ver1.0.0)
|
||
*
|
||
* イベントの上方に任意のテキストを表示します。
|
||
* イベントのメモ欄に<dn:なまえ>と入力してください。
|
||
*
|
||
* イベントの画像が（なし）だと表示されません。
|
||
* 移動イベントなど画像不要で名前を表示したい場合は、
|
||
* 透明の画像を選択してください。
|
||
*
|
||
* プラグインコマンドはありません。
|
||
*
|
||
* --------------------------
|
||
* Copyright (c) 2020 Gabacho(Ichiro Meiken)
|
||
* Released under the MIT license
|
||
* https://opensource.org/licenses/mit-license.php
|
||
* --------------------------
|
||
*
|
||
* @param nameFontSize
|
||
* @text フォントサイズ
|
||
* @type number
|
||
* @desc フォントサイズを指定します。（初期値：16）
|
||
* @default 16
|
||
*
|
||
* @param nameFontColor
|
||
* @text フォントカラー
|
||
* @type number
|
||
* @desc フォントカラーを指定します。（初期値：0）メッセージのフォントカラーの指定方法と同じです。
|
||
* @default 0
|
||
*
|
||
* @param nameOutlineColor
|
||
* @text アウトラインカラー
|
||
* @type number
|
||
* @desc アウトラインカラーを指定します。（初期値：19）メッセージのフォントカラーの指定方法と同じです。
|
||
* @default 19
|
||
*
|
||
* @param nameDisplayWidth
|
||
* @text 表示幅
|
||
* @type number
|
||
* @desc 表示幅を指定します。（初期値：80）収まらない場合はフォントが小さくなります。
|
||
* @default 80
|
||
*
|
||
* @param par
|
||
* @text 背景の設定
|
||
*
|
||
* @param paddingX
|
||
* @parent par
|
||
* @text 背景の内側余白（左右）
|
||
* @type number
|
||
* @desc 背景の左右内側余白をピクセル数で指定します。（初期値：4）
|
||
* @default 4
|
||
*
|
||
* @param paddingY
|
||
* @parent par
|
||
* @text 背景の内側余白（上下）
|
||
* @type number
|
||
* @desc 背景の上下内側余白をピクセル数で指定します。（初期値：4）
|
||
* @default 4
|
||
*
|
||
* @param baseColor
|
||
* @parent par
|
||
* @text ベースカラー
|
||
* @type struct<Color>
|
||
* @desc 背景の色
|
||
* @default {"red":"0","green":"0","blue":"255", "opacity":"0.8"}
|
||
*
|
||
* @param gradationColor
|
||
* @parent par
|
||
* @text グラデーションカラー
|
||
* @type struct<Color>
|
||
* @desc 背景のグラデーション用の色
|
||
* @default {"red":"255","green":"255","blue":"255", "opacity":"0.8"}
|
||
*
|
||
* @param verticalMode
|
||
* @parent par
|
||
* @text 縦方向にグラデーションする
|
||
* @type boolean
|
||
* @desc ON:縦にグラデーションします。 OFF:横にグラデーションします。
|
||
* @on ON
|
||
* @off OFF
|
||
* @default true
|
||
*
|
||
*
|
||
*/
|
||
/*~struct~Color:
|
||
*
|
||
* @param red
|
||
* @type number
|
||
* @max 255
|
||
* @desc 赤(R)。0～255で指定してください。
|
||
* @default 0
|
||
* @decimals 0
|
||
*
|
||
* @param green
|
||
* @type number
|
||
* @max 255
|
||
* @desc 緑(G)。0～255で指定してください。
|
||
* @default 0
|
||
* @decimals 0
|
||
*
|
||
* @param blue
|
||
* @type number
|
||
* @max 255
|
||
* @desc 青(B)。0～255で指定してください。
|
||
* @default 0
|
||
* @decimals 0
|
||
*
|
||
* @param opacity
|
||
* @type number
|
||
* @max 1
|
||
* @desc 不透明度を0～1で指定してください。0で透明です。
|
||
* @default 1
|
||
* @decimals 1
|
||
*
|
||
*/
|
||
|
||
(() => {
|
||
"use strict";
|
||
const pluginName = "GABA_EventDisplayName";
|
||
let eventDisplayName = "";
|
||
let oldName = "";
|
||
|
||
const convertArrayParam = function (param) {
|
||
if (!param) {
|
||
return;
|
||
}
|
||
|
||
if (param !== undefined) {
|
||
try {
|
||
const array = JSON.parse(param);
|
||
for (let i = 0; i < array.length; i++) {
|
||
array[i] = JSON.parse(array[i]);
|
||
}
|
||
return array;
|
||
} catch (e) {
|
||
console.group();
|
||
console.error(
|
||
"%cParameter is invalid ! GABA_EventDisplayNameのパラメータ準備に失敗しました。",
|
||
"background-color: #5174FF"
|
||
);
|
||
console.error("Parameter:" + eval(param));
|
||
console.error("Error message :" + e);
|
||
console.groupEnd();
|
||
}
|
||
}
|
||
};
|
||
|
||
const parameters = PluginManager.parameters(pluginName);
|
||
const nameFontSize = parseInt(parameters["nameFontSize"]) || 0;
|
||
const nameFontColor = parseInt(parameters["nameFontColor"]) || 0;
|
||
const nameOutlineColor = parseInt(parameters["nameOutlineColor"]) || 15;
|
||
const nameDisplayWidth = parseInt(parameters["nameDisplayWidth"]) || 80;
|
||
const paddingX = parseInt(parameters["paddingX"]) || 0;
|
||
const paddingY = parseInt(parameters["paddingY"]) || 0;
|
||
const isVerticalMode = Boolean(
|
||
parameters["verticalMode"] === "true" || false
|
||
);
|
||
|
||
let param = {};
|
||
param.color1 = String(parameters["baseColor"]);
|
||
param.color1 = convertArrayParam(param.color1);
|
||
param.color2 = String(parameters["gradationColor"]);
|
||
param.color2 = convertArrayParam(param.color2);
|
||
|
||
const c1 =
|
||
"rgba(" +
|
||
param.color1.red +
|
||
"," +
|
||
param.color1.green +
|
||
"," +
|
||
param.color1.blue +
|
||
"," +
|
||
param.color1.opacity +
|
||
")";
|
||
const c2 =
|
||
"rgba(" +
|
||
param.color2.red +
|
||
"," +
|
||
param.color2.green +
|
||
"," +
|
||
param.color2.blue +
|
||
"," +
|
||
param.color2.opacity +
|
||
")";
|
||
|
||
function createEventDisplayNameBitmap(dispName) {
|
||
const tempWindow = new Window_Base(new Rectangle());
|
||
tempWindow.padding = 0;
|
||
tempWindow.move(
|
||
paddingX,
|
||
0,
|
||
nameDisplayWidth + paddingX * 2,
|
||
nameFontSize + paddingY * 2
|
||
);
|
||
tempWindow.createContents();
|
||
tempWindow.contents.textColor = ColorManager.textColor(nameFontColor);
|
||
tempWindow.contents.outlineColor = ColorManager.textColor(nameOutlineColor);
|
||
tempWindow.contents.fontSize = nameFontSize;
|
||
tempWindow.contents.gradientFillRect(
|
||
0,
|
||
0,
|
||
nameDisplayWidth,
|
||
nameFontSize + paddingY * 2,
|
||
c1,
|
||
c2,
|
||
isVerticalMode
|
||
);
|
||
|
||
const wNameDisplayWidth = nameDisplayWidth - paddingX * 2;
|
||
tempWindow.contents.drawText(
|
||
dispName,
|
||
paddingX,
|
||
paddingY,
|
||
wNameDisplayWidth,
|
||
nameFontSize,
|
||
"center"
|
||
);
|
||
const bitmap = tempWindow.contents;
|
||
bitmap.gaba_isEventDisplayName = true;
|
||
tempWindow.contents = null;
|
||
tempWindow.destroy();
|
||
|
||
return bitmap;
|
||
}
|
||
|
||
// Sprite_EventDisplayNameの定義
|
||
// Sprite_Balloonをベースにします
|
||
function Sprite_EventDisplayName() {
|
||
this.initialize(...arguments);
|
||
}
|
||
|
||
Sprite_EventDisplayName.prototype = Object.create(Sprite_Balloon.prototype);
|
||
Sprite_EventDisplayName.prototype.constructor = Sprite_EventDisplayName;
|
||
|
||
Sprite_EventDisplayName.prototype.initialize = function () {
|
||
Sprite.prototype.initialize.call(this);
|
||
this.initMembers();
|
||
};
|
||
|
||
Sprite_EventDisplayName.prototype.initMembers = function () {
|
||
this._target = null;
|
||
this._balloonId = 0;
|
||
this._duration = 0;
|
||
this.anchor.x = 0.45;
|
||
this.anchor.y = 1;
|
||
this.z = 9;
|
||
};
|
||
|
||
Sprite_EventDisplayName.prototype.setup = function (targetSprite, balloonId) {
|
||
this._target = targetSprite;
|
||
this._balloonId = balloonId;
|
||
this._duration = 1;
|
||
};
|
||
|
||
Sprite_EventDisplayName.prototype.update = function () {
|
||
Sprite.prototype.update.call(this);
|
||
if (this._duration > 0) {
|
||
this.updateDisplay();
|
||
this.updatePosition();
|
||
}
|
||
};
|
||
|
||
Sprite_EventDisplayName.prototype.updatePosition = function () {
|
||
this.x = this._target.x;
|
||
this.y = this._target.y - this._target.height;
|
||
};
|
||
|
||
Sprite_EventDisplayName.prototype.updateDisplay = function () {
|
||
if (this._target._character._characterName === "") {
|
||
this.bitmap.clear();
|
||
return;
|
||
}
|
||
|
||
if (this.characterName === this._target._character._characterName) {
|
||
return;
|
||
} else {
|
||
this.characterName = this._target._character._characterName;
|
||
}
|
||
|
||
const dispName = this._target._character.event().meta.dn;
|
||
this.bitmap = createEventDisplayNameBitmap(dispName);
|
||
};
|
||
|
||
// Spriteset_Map
|
||
const _Spriteset_Map_initialize = Spriteset_Map.prototype.initialize;
|
||
Spriteset_Map.prototype.initialize = function () {
|
||
_Spriteset_Map_initialize.apply(this, arguments);
|
||
this._eventDisplayNameSprites = [];
|
||
this.processEventDisplayNameRequests();
|
||
};
|
||
|
||
const _Spriteset_Map_destroy = Spriteset_Map.prototype.destroy;
|
||
Spriteset_Map.prototype.destroy = function (options) {
|
||
this.removeAllEventDisplayName();
|
||
_Spriteset_Map_destroy.apply(this, arguments);
|
||
};
|
||
|
||
Spriteset_Map.prototype.processEventDisplayNameRequests = function () {
|
||
for (let ev of $gameMap._events) {
|
||
if (ev != null) {
|
||
if (ev.event().meta.dn != null) {
|
||
this.createEventDisplayName(ev);
|
||
}
|
||
}
|
||
}
|
||
};
|
||
|
||
Spriteset_Map.prototype.createEventDisplayName = function (request) {
|
||
const targetSprite = this.findTargetSprite(request);
|
||
if (targetSprite) {
|
||
const dispName = request.event().meta.dn;
|
||
|
||
let eventDisplayNameSprite = new Sprite_EventDisplayName();
|
||
eventDisplayNameSprite.bitmap = createEventDisplayNameBitmap(dispName.replace(/_/g, ' '));
|
||
eventDisplayNameSprite.targetObject = request;
|
||
|
||
eventDisplayNameSprite.setup(targetSprite, 0);
|
||
eventDisplayNameSprite.characterName = request._characterName;
|
||
this._effectsContainer.addChild(eventDisplayNameSprite);
|
||
this._eventDisplayNameSprites.push(eventDisplayNameSprite);
|
||
}
|
||
};
|
||
|
||
Spriteset_Map.prototype.removeAllEventDisplayName = function () {
|
||
for (const sprite of this._eventDisplayNameSprites) {
|
||
this.removeEventDisplayName(sprite);
|
||
}
|
||
};
|
||
|
||
Spriteset_Map.prototype.removeEventDisplayName = function (sprite) {
|
||
this._eventDisplayNameSprites.remove(sprite);
|
||
this._effectsContainer.removeChild(sprite);
|
||
sprite.destroy();
|
||
};
|
||
})();
|