RS_WXPos.js

//================================================================
// RS_WXPos.js
// ---------------------------------------------------------------
// The MIT License
// Copyright (c) 2020 biud436
// ---------------------------------------------------------------
// Free for commercial and non commercial use.
//================================================================
/*:
 * @plugindesc <RS_WXPos>
 * @author biud436
 *
 * @help
 *
 */

var Imported = Imported || {};
Imported.RS_WXPos = true;

var RS = RS || {};
RS.WXPos = RS.WXPos || {};

(function ($) {
  'use strict';

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

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

  let Config = {
    Scene_Menu: {
      Window_Gold: {
        x: 300,
        y: 0,
      },
    },
    Scene_Title: {
      Window_TitleCommand: {
        x: 200,
        y: 200,
      },
    },
  };

  const utils = {
    configFile: 'myWindowConfig.json',

    async writeConfigFile() {
      if (!Utils.isNwjs()) return;
      const fs = require('fs');
      const path = require('path');
      const { promisify } = require('util');
      const writeFile = promisify(fs.writeFile);

      let rootFolder = path
        .dirname(process.mainModule.filename)
        .replace(/\\/g, '/');
      let contents = JSON.stringify(Config, null, '    ');

      await writeFile(
        path.join(rootFolder, 'data', this.configFile),
        contents,
        'utf8'
      )
        .then(val => {
          console.log(`myWindowConfig.json file is written completely!`);
        })
        .catch(err => {
          throw new Error(err);
        });
    },

    async readConfigFile() {
      if (!Utils.isNwjs()) return;
      const fs = require('fs');
      const path = require('path');
      const { promisify } = require('util');
      const readFile = promisify(fs.readFile);

      let rootFolder = path
        .dirname(process.mainModule.filename)
        .replace(/\\/g, '/');
      let targetFile = path.join(rootFolder, 'data', this.configFile);

      if (fs.existsSync(targetFile)) {
        await readFile(targetFile, 'utf8')
          .then(contents => {
            Config = JSON.parse(contents);
            console.log(`myWindowConfig.json file is loaded successfully`);
          })
          .catch(err => {
            throw new Error(err);
          });
      }
    },

    async internalDownloadFile(url, filename, callback) {
      const options = {
        port: 443,
        headers: {},
      };

      let req = https.get(url, options, res => {
        console.log('statusCode:', res.statusCode);
        console.log('headers:', res.headers);

        const headers = res.headers;

        if ('content-disposition' in headers) {
          if (/(?:filename=)(.*)/i.exec(headers['content-disposition'])) {
            filename = RegExp.$1;
          }
        }

        let out = fs.createWriteStream(filename);
        let len = 1048576;
        let isValid = false;

        if ('content-length' in res.headers) {
          len = parseInt(res.headers['content-length'], 10);
          isValid = true;
        }

        let cur = 0;
        let total = len / 1048576;

        if (res.statusCode === 200) {
          res.pipe(out);

          res.on('data', c => {
            cur += c.length;
            if (isValid) {
              console.log(
                `${filename} => ${((100.0 * cur) / len).toFixed(0)}% (${(
                  cur / total
                ).toFixed(2)} MB)`
              );
            }
          });
          res.on('end', async () => {
            await callback(null, res);
          });
        }
      });

      req.on('error', async err => {
        await callback(err, null);
      });
    },

    download(url, filename) {
      if (!Utils.isNwjs()) return;
      const { promisify } = require('util');
      const downloadFile = promisify(this.internalDownloadFile);
      downloadFile(url, filename)
        .then(res => {
          console.log(`Completed download the file called ${filename}`);
        })
        .catch(err => {
          throw new Error(err);
        });
    },
  };

  /**
   * interactive는 버그가 있다.
   * GameCanvas의 zIndex가 다른 모든 HtmlElement보다 위에 있어야 동작한다.
   * 그렇게 하지 않으면, mousemove하고 pointermove만 동작하게 된다.
   */
  Scene_Base.prototype.prepareInteraction = function () {
    let maxIndex = 0;

    this._tempCanvasIndex = parseInt(Graphics._canvas.style.zIndex);

    this.on('removed', () => {
      Graphics._canvas.style.zIndex = this._tempCanvasIndex;
    });

    for (const el of document.body.children) {
      let targetIndex = parseInt(el.style.zIndex);
      if (targetIndex > maxIndex) {
        maxIndex = targetIndex;
      }
    }

    Graphics._canvas.style.zIndex = maxIndex + 1;

    this._isReadyToInteraction = true;
  };

  Scene_Base.prototype.handleTouchInsideWindow = function (
    ecurrentSceneName,
    e
  ) {
    e.interactive = true;
    e.hitArea = new PIXI.Rectangle(0, 0, e.width || 100, e.height || 100);

    const Events = [
      'mousedown',
      'mousemove',
      // "mouseout",
      // "mouseover",
      'mouseup',
      'mouseupoutside',
      'pointercancel',
      'pointerdown',
      'pointermove',
      'pointerout',
      'pointerover',
      'pointertap',
      'pointerup',
      'pointerupoutside',
    ];

    Events.forEach(evName => {
      e.on(
        evName,
        /**
         * @param {Event} event
         */
        event => {
          console.log(evName);
          const data = event.data;

          const mouseX = data.global.x;
          const mouseY = data.global.y;
        }
      );
    });

    e.on('mouseover', ev => {
      e.opacity = 228;
    });

    e.on('mouseout', ev => {
      e.opacity = 40;
    });
  };

  /**
   * 윈도우 내 특정 프로퍼티를 재정의합니다.
   * @param {String} currentSceneName
   * @param {Window} e
   */
  Scene_Base.prototype.resetWindow = function (currentSceneName, e) {
    if (e instanceof Window) {
      let name = e.constructor.name.toString();
      let config = Config[currentSceneName];
      const keys = Object.keys(config);
      if (keys.contains(name)) {
        e.x = config[name].x;
        e.y = config[name].y;

        this.handleTouchInsideWindow(currentSceneName, e);

        // 회전된 상태는 이 로직으로 감지 불가능
        if (e.visible && e.opacity > 0) {
          if (e.x < 0 && e.x > Graphics.boxWidth) {
            e.visible = false;
          }
          if (e.visible && e.y < 0 && e.y > Graphics.boxHeight) {
            e.visible = false;
          }
        }

        e._isWindow = false;
      }
    }
  };

  /**
   * 씬이 생성될 때, 모든 윈도우의 위치를 재설정합니다.
   */
  Scene_Base.prototype.initWithWindowPosition = function () {
    let currentSceneName = this.constructor.name.toString();
    this.children.forEach(e => this.resetWindow(currentSceneName, e));
    if (this._windowLayer)
      this._windowLayer.children.forEach(e =>
        this.resetWindow(currentSceneName, e)
      );
  };

  var alias_Scene_Menu_create = Scene_Menu.prototype.create;
  Scene_Menu.prototype.create = function () {
    alias_Scene_Menu_create.call(this);
    this.prepareInteraction();
    this.initWithWindowPosition();
  };
})(RS.WXPos);