/*:
 * @target MZ
 * @plugindesc 常時画像表示。ウォーターマーク等に使用できます。
 * @url https://twitter.com/kuroudo119/
 * @url https://github.com/kuroudo119/RPGMZ-Plugin
 * @author kuroudo119 (くろうど)
 * 
 * @param file
 * @text ファイル名
 * @desc 表示する画像のFILE名です。
 * 画像は img/pictures/ フォルダ内に置いてください。
 * @type file
 * @dir img/pictures/
 * 
 * @param alt
 * @text ALTタグ
 * @desc HTMLのimgタグのaltに設定する値です。
 * 画像の読込失敗時にこの文字列が表示されます。
 * @default KRD_AlwaysImage
 * 
 * @param id
 * @text IDタグ
 * @desc HTMLのimgタグのIDに設定する値です。
 * 特に変更する必要はありません。
 * @default KRD_AlwaysImage
 * 
 * @param top
 * @text 画像上余白
 * @desc Window上端と画像上側の空白をピクセルで指定します。bottomより優先です。使わない時は値を削除してください。
 * @type number
 * @min -10000
 * 
 * @param left
 * @text 画像左余白
 * @desc Window左端と画像左側の空白をピクセルで指定します。rightより優先です。使わない時は値を削除してください。
 * @type number
 * @min -10000
 * 
 * @param bottom
 * @text 画像下余白
 * @desc Window下端と画像下側の空白をピクセルで指定します。使わない時は値を削除してください。
 * @default 10
 * @type number
 * @min -10000
 * 
 * @param right
 * @text 画像右余白
 * @desc Window右端と画像右側の空白をピクセルで指定します。使わない時は値を削除してください。
 * @default 10
 * @type number
 * @min -10000
 * 
 * @param opacity
 * @text 不透明度
 * @desc 表示する画像の不透明度です。
 * 0:透明 → 100:不透明
 * @default 100
 * @type number
 * @max 100
 * 
 * @param commonEventId
 * @text コモンイベント番号
 * @desc 画像をクリックまたはタッチした時に実行する
 * コモンイベントの番号です。1以上の場合に有効。
 * @default 0
 * @type common_event
 * 
 * @help
# KRD_AlwaysImage.js

常時画像表示。ウォーターマーク等に使用できます。

## 権利表記

(c) 2021 kuroudo119 (くろうど)

## 利用規約

このプラグインはMITライセンスです。
https://github.com/kuroudo119/RPGMZ-Plugin/blob/master/LICENSE

## 更新履歴

- ver.0.0.1 (2022/01/13) MZ版作成開始
- ver.0.1.0 (2022/01/13) 非公開版完成
- ver.1.0.0 (2022/01/13) 公開
- ver.1.1.0 (2022/01/13) コモン呼出を左クリックのみ＆連打不可
- ver.1.2.0 (2022/01/14) 画像位置を右下以外も可能にした
- ver.1.3.0 (2026/03/03) ALTとIDの既定値を修正

## 概要

これはWindow内に常時画像を表示させるプラグインです。

ここで言うWindowはブラウザのWindowです。
ゲームの表示領域の外も含みます。

そのWindowの端っこに画像を常時表示します。
ゲーム起動時から表示するので、
タイトル画面でも表示されます。

特定の画面で非表示にする機能はありません。

ブラウザのサイズを変更しても
画像サイズは変わりませんが、
表示位置は変更されます。

オマケ機能として、
マップ画面で、
画像を左クリックまたはタッチした時に、
任意のコモンイベントひとつを呼ぶ機能があります。

 * 
 * 
 */

(() => {

"use strict";

const PLUGIN_NAME = document.currentScript.src.match(/^.*\/(.*).js$/)[1];
const PARAM = PluginManager.parameters(PLUGIN_NAME);

const PATH = "./img/pictures/";
const FILE = PARAM["file"] + ".png";
const ALT  = PARAM["alt"] || "KRD_AlwaysImage";
const ID   = PARAM["id"]  || "KRD_AlwaysImage";

const TOP    = PARAM["top"];
const LEFT   = PARAM["left"];
const BOTTOM = PARAM["bottom"];
const RIGHT  = PARAM["right"];

const OPACITY      = ((Number(PARAM["opacity"]) || 0) / 100).toString();
const COMMON_EVENT = Number(PARAM["commonEventId"]) || 0;

let viewStatus = false;

class _AlwaysImage {
	constructor() {
		this._img = document.createElement("img");
		this._img.src = PATH + FILE;
		this._img.alt = ALT;
		this._img.id  = ID;

		this._img.style.position = "fixed";
		if (!isNaN(Number(TOP)))    this._img.style.top    = TOP    + "px";
		if (!isNaN(Number(LEFT)))   this._img.style.left   = LEFT   + "px";
		if (!isNaN(Number(BOTTOM))) this._img.style.bottom = BOTTOM + "px";
		if (!isNaN(Number(RIGHT)))  this._img.style.right  = RIGHT  + "px";

		this._img.style.opacity = OPACITY;
		this._img.style.zIndex  = "11";

		this.noDefaultAction();

		if (COMMON_EVENT > 0) {
			this.touchListener();
		}

		document.body.appendChild(this._img);
	}

	noDefaultAction() {
		// Nothing right click.
		this._img.oncontextmenu = function() {
			return false;
		};

		// Nothing zoom by double click on iPhone.
		this._img.addEventListener("mousedown", ev => {
			ev.preventDefault();
		}, false);
		this._img.addEventListener("touchstart", ev => {
			ev.preventDefault();
		}, false);
	}

	touchListener() {
		function touchEvent() {
			if ($gamePlayer.canMove()) {
				$gameTemp.reserveCommonEvent(COMMON_EVENT);
			}
		}

		this._img.addEventListener("click", () => {
			touchEvent();
		}, false);
		this._img.addEventListener("touchend", () => {
			touchEvent();
		}, false);
	}
}

const _Scene_Base_start = Scene_Base.prototype.start;
Scene_Base.prototype.start = function() {
	_Scene_Base_start.call(this, ...arguments);
	if (!viewStatus) {
		viewStatus = true;
		this._portrait = new _AlwaysImage();
	}
};

})();