//=============================================================================
// GradientWipe.js
// ----------------------------------------------------------------------------
// Copyright (c) 2018 Tsukimi
// ----------------------------------------------------------------------------
// Version
// 1.0.0 2018/01/22 リリース release
//=============================================================================

/*:en
 * @plugindesc GradientWipe
 * @author Tsukimi
 *
 * @param -- Transition --
 * @desc -- Transition Settings --
 *
 * @param Use Custom Transition
 * @desc use gradient wipe transition as default or not.
 * value: true/false
 * @default true
 *
 * @param Transition Fade Image
 * @desc the Gradient Wipe Image used when Screen fading.
 * please create img/transitions folder and put img inside it.
 * @default
 *
 * @param Transition FadeIn Image
 * @desc the Gradient Wipe Image used when fading in.
 * blank -> will use 'Transition Fade Image' instead.
 * @default
 *
 * @param Transition FadeOut Image
 * @desc the Gradient Wipe Image used when fading out.
 * blank -> will use 'Transition Fade Image' instead.
 * @default
 *
 * @param Transition Softness
 * @desc the softness/smoothness of trasition effect.
 * 0 or value above 1 is desirable.(no upper abound)
 * @default 8
 *
 * @param Transition Duration
 * @desc the transition Duration of fading.
 * RPG Maker Default: 24(frames)
 * @default 36
 *
 *
 * @param -- Message Box --
 * @desc -- Message Box Fading Settings --
 *
 * @param Use Custom Message Fade
 * @desc use gradient wipe transition as default or not.
 * value: true/false
 * @default false
 *
 * @param Message Fade Image
 * @desc the Gradient Wipe Image used when Message fading.
 * @default
 *
 * @param Message Fade Duration
 * @desc the transition time of fading message box.
 * RPG Maker Default: 8(frames)
 * @default 24
 *
 * @help
 * *** Gradient Wipe Effect
 * or: Gradient Fade/Luma Wipe/Luma Fade ... etc.
 * Author: Tsukimi
 *
 * This plugin will create a Transition Effect
 * such as RPG MAKER 2000/VX does.
 *
 * *** Notice !!! ***
 * this is an webGL depending effect.
 * If your RMMV version is below 1.5.0 and your game
 * will be on website/smartphone, this effect may not work.
 * (OK for desktop application, even with version below 1.5.0)
 *
 * Please create 'transitions' folder
 * under the img/ directory, and put Gradient Images
 * in it.
 *
 * There are 3 kind of effect targets:
 * 1. Screen Transition
 * 2. character/picture fade
 * 3. message window
 *
 * *** Plugin Command:
 * --------------------
 * target 1: Screen Transition
 *
 * 　GWTransition <on/off>
 * 　　use Gradient Wipe transition or RM default
 * 　　transition.
 *
 * 　GWTrans_Setting FadeImg <imageName>
 * 　　set Gradient Image for transition.
 * 　　Ignore the <>.
 *
 * 　GWTrans_Setting FadeInImg <imageName>
 * 　　set Gradient Image for transition(only for fade in).
 * 　　Ignore the <>.
 *
 * 　GWTrans_Setting FadeOutImg <imageName>
 * 　　set Gradient Image for transition(only for fade in).
 * 　　Ignore the <>.
 *
 * 　GWTrans_Setting Duration <frames>
 * 　　set the fading effect duration(in frame).
 * 　　Ignore the <>.
 *
 *
 * --------------------
 * target 2: Character/Picture Fading
 *
 * 　GWFade character <id> [fadeIn/fadeOut] <imgName> <duration> (<softness>)
 *
 * 　　set Gradient Wipe effect for character.
 * 　　id: -1(gamePlayer), 0(this Event), 1~(Event ID)
 *
 * 　　if use fadeOut, will automatically turn
 * 　　the opacity of character to 0 after effect ends.
 *
 * 　　softness is an optional parameter.
 * 　　default is 0, and mostly 5~10 is enough.
 *
 * 　　example:
 * 　　GWFade character -1 fadeOut Circle 60
 * 　　-> game Player will fade out using 'Circle.png' in 60f.
 *
 *
 * 　GWFade picture <id> [fadeIn/fadeOut] <imgName> <duration> (<softness>)
 *
 * 　　set Gradient Wipe effect for picture.
 * 　　parameters are the same as character.
 *
 * 　　example:
 * 　　GWFade picture 1 fadeIn Circle 60 5
 * 　　-> Picture No.1 will fade in using 'Circle.png' in 60f,
 * 　　with softness 5.
 *
 *
 * --------------------
 * target 3: Message Window Fading
 *
 * 　GWMessageFade <on/off>
 * 　　use Gradient Wipe fade or RM default open/close
 * 　　window effect.
 *
 * 　GWMessage_Setting FadeImg <imageName>
 * 　　set Gradient Image for transition.
 * 　　Ignore the <>.
 *
 * 　GWMessage_Setting Duration <frames>
 * 　　set the fading effect duration(in frame).
 * 　　Ignore the <>.
 *
 */
/*:ja
 * @plugindesc トランジション効果
 * @author Tsukimi
 *
 * @param -- 画面トランジション --
 * @desc -- 画面トランジション設定 --
 *
 * @param 画面フェードに適用
 * @desc 画面トランジションにトランジション効果を使うかどうか
 * 入力値: true/false (使う/使わない)
 * @default true
 *
 * @param 画面フェード用画像
 * @desc フェード用のルール画像
 * img/ に transitions のフォルダーを作って、画像を入れてください
 * @default
 *
 * @param 画面フェードイン用画像
 * @desc フェードイン用のルール画像。
 * 設定されなかったらフェード用画像を使う
 * @default
 *
 * @param 画面フェードアウト用画像
 * @desc フェードイン用のルール画像。
 * 設定されなかったらフェード用画像を使う
 * @default
 *
 * @param 画面フェードの柔らかさ
 * @desc トランジション効果の柔らかさ。
 * 0か、正整数を入力してください。
 * @default 8
 *
 * @param 画面フェード時間
 * @desc フェードイン・アウトに掛かる時間。
 * ツクールデフォルト：24(フレーム)
 * @default 36
 *
 *
 * @param -- メッセージウィンドウ --
 * @desc -- メッセージウィンドウ設定 --
 *
 * @param メッセージウィンドウに適用
 * @desc メッセージウィンドウにトランジション効果を使うかどうか
 * 入力値: true/false (使う/使わない)
 * @default false
 *
 * @param メッセージフェード用画像
 * @desc メッセージウィンドウのフェード用のルール画像
 * img/ に transitions のフォルダーを作って、画像を入れてください
 * @default
 *
 * @param メッセージフェード時間
 * @desc メッセージウィンドウのフェードイン・アウトに掛かる時間。
 * @default 24
 *
 *
 * @help
 * *** グラデーションワイプ効果（トランジション）
 * 作者: Tsukimi
 *
 * ツクール2000のトランジションを再現して、画面のほか、
 * メッセージウィンドウ、キャラ、ピクチャにも適用できる
 * ようにするプラグインです。
 *
 * *** 注意!!! ***
 * このプラグインは、 WebGL を利用しています。
 * ご利用のツクールMVのバージョンが1.5.0以下、かつリリース予定は
 * ネット上/携帯アプリのゲームはこのプラグインが使えません。
 * 予めご了承ください。
 *
 *
 * ルール画像はプロジェクトフォルダの img/ フォルダに
 * transitions という名前のフォルダを作り、そこに
 * 入れてください。
 *
 * このエフェクトのターゲットは３つあります:
 * 1. 画面のフェードイン・アウト
 * 2. キャラ・ピクチャ
 * 3. メッセージウィンドウ
 *
 * 順を追って説明します。
 *
 *
 * *** プラグインコマンド:
 * --------------------
 * ※画面フェード
 *
 * 　GWTransition <on/off>
 * 　　このプラグインのトランジションを使うか設定する。
 * 　　offにすると、ツクールデフォルトのフェードになる。
 *
 * 　例： GWTransition on
 *
 *
 * 　GWTrans_Setting FadeImg <imageName>
 * 　　画面フェードに使うルール画像を設定する。
 *
 * 　例： GWTrans_Setting FadeImg rule01
 *
 *
 * 　GWTrans_Setting FadeInImg <imageName>
 * 　　画面フェードインに使うルール画像を設定する。
 *
 * 　例： GWTrans_Setting FadeInImg rule01
 *
 * 　GWTrans_Setting FadeOutImg <imageName>
 * 　　画面フェードインに使うルール画像を設定する。
 *
 * 　例： GWTrans_Setting FadeOutImg rule02
 *
 * 　GWTrans_Setting Duration <frames>
 * 　　画面フェードに掛かる時間を設定する。単位：フレーム
 *
 * 　例： GWTrans_Setting Duration 45
 *
 *
 * --------------------
 * ※キャラ・ピクチャのフェードイン・アウト
 *
 * 　GWFade character <id> [fadeIn/fadeOut] <imgName> <duration> (<softness>)
 * 　　実行するとキャラがフェードイン・アウトする。
 *
 * 　　id: -1(自キャラ), 0(このイベント), 1~(イベントID)
 *
 * 　　fadeIn/fadeOut：フェードインかフェードアウトか。
 * 　　fadeOutにすると、効果が終わると自動でキャラの
 * 　　不透明度を0にします。
 *
 * 　　imgName：フェードに使うルール画像名。
 *
 * 　　duration：フェード時間。
 *
 * 　　softness：柔らかさ。
 * 　　設定しないとデフォルトで0になります。
 *
 * 　例:
 * 　　GWFade character -1 fadeOut Circle 60
 * 　　-> 自キャラは 'Circle.png' のルール画像を使って
 * 　　フェードアウトする。(60フレーム)
 *
 *
 * 　GWFade picture <id> [fadeIn/fadeOut] <imgName> <duration> (<softness>)
 * 　　実行するとピクチャがフェードイン・アウトする。
 * 　　各パラメータの意味はキャラのと同じです。
 *
 * 　例:
 * 　　GWFade picture 1 fadeIn Circle 60 5
 * 　　-> ピクチャ1番は 'Circle.png' のルール画像を使って
 * 　　フェードインする。(60フレーム、柔らかさ5)
 *
 *
 *
 * --------------------
 * ※メッセージウィンドウのフェードイン・アウト
 *
 * 　GWMessageFade <on/off>
 * 　　このプラグインのトランジションを使うか設定する。
 * 　　offにすると、ツクールデフォルトの開け閉めになる。
 *
 * 　例： GWMessageFade on
 *
 *
 * 　GWMessage_Setting FadeImg <imageName>
 * 　　メッセージウィンドウフェードに使うルール画像を設定する。
 *
 * 　例： GWMessage_Setting FadeImg rule01
 *
 *
 * 　GWMessage_Setting Duration <frames>
 * 　　メッセージフェードに掛かる時間を設定する。単位：フレーム
 *
 * 　例： GWMessage_Setting Duration 20
 *
 */

(function () {
  "use strict";

  var getBoolean = function (bString) {
    if (bString.toLowerCase() === "off") return false;
    return true;
  };
  var getNumber = function (nString) {
    return Number(nString || "") || 0;
  };
  var pluginName = "GradientWipe";
  var getParamString = function (paramNames) {
    if (!Array.isArray(paramNames)) paramNames = [paramNames];
    for (var i = 0; i < paramNames.length; i++) {
      var name = PluginManager.parameters(pluginName)[paramNames[i]];
      if (name) return name;
    }
    return null;
  };
  var getParamNumber = function (paramNames) {
    var value = getParamString(paramNames);
    return Number(value || "") || 0;
  };
  var getParamBoolean = function (paramNames) {
    var value = getParamString(paramNames);
    return (value || "").toUpperCase() === "TRUE";
  };

  //=============================================================================
  // Game_Interpreter
  //  Plugin Command setting.
  //=============================================================================

  var _Game_Interpreter_pluginCommand =
    Game_Interpreter.prototype.pluginCommand;
  Game_Interpreter.prototype.pluginCommand = function (command, args) {
    _Game_Interpreter_pluginCommand.apply(this, arguments);

    switch ((command || "").toUpperCase()) {
      case "GWTRANSITION":
        $gameScreen._useGWTrans = getBoolean(args[0]);
        break;

      case "GWTRANS_SETTING":
        switch ((args[0] || "").toUpperCase()) {
          case "FADEIMG":
            $gameScreen._GWImg = args[1];
            break;

          case "FADEINIMG":
            $gameScreen._GWInImg = args[1];
            break;

          case "FADEOUTIMG":
            $gameScreen._GWOutImg = args[1];
            break;

          case "DURATION":
            $gameScreen._fadeDuration = getNumber(args[1]);
            break;
        }
        break;

      case "GWFADE":
        // GWFADE PICTURE ID FADEIN IMG DURATION (SOFTNESS)
        switch ((args[0] || "").toUpperCase()) {
          case "CHARACTER":
            var target = this.character(getNumber(args[1]));
            if (target) {
              target._GWInfo = $gameScreen.createGWInfo(args.slice(2));
            }
            break;

          case "PICTURE":
            var target = $gameScreen.picture(getNumber(args[1]));
            if (target) {
              target._GWInfo = $gameScreen.createGWInfo(args.slice(2));
            }
            break;
        }
        break;

      case "GWMESSAGEFADE":
        $gameSystem.GWMessageSetting.useGW = getBoolean(args[0]);
        break;

      case "GWMESSAGE_SETTING":
        switch ((args[0] || "").toUpperCase()) {
          case "FADEIMG":
            $gameSystem.GWMessageSetting.imgName = args[1];
            break;

          case "DURATION":
            $gameSystem.GWMessageSetting.fadeSpeed = 256 / getNumber(args[1]);
            break;
        }
        break;
    }
  };

  //=============================================================================
  //  ***Manager
  //  necessary settings of ImageManager/SceneManager
  //=============================================================================
  if (!ImageManager.loadTransitions) {
    ImageManager.loadTransitions = function (filename, hue) {
      return this.loadBitmap("img/transitions/", filename, hue, false);
    };
  }

  SceneManager._useGWTrans = getParamBoolean([
    "Use Custom Transition",
    "画面フェードに適用",
  ]);
  SceneManager._GWImg = getParamString([
    "Transition Fade Image",
    "画面フェード用画像",
  ]);
  SceneManager._GWInImg = getParamString([
    "Transition FadeIn Image",
    "画面フェードイン用画像",
  ]);
  SceneManager._GWOutImg = getParamString([
    "Transition FadeOut Image",
    "画面フェードアウト用画像",
  ]);
  SceneManager.GWSoftness = getParamNumber([
    "Transition Softness",
    "画面フェードの柔らかさ",
  ]);
  SceneManager._fadeDuration = parseInt(
    getParamNumber(["Transition Duration", "画面フェード時間"])
  );

  SceneManager.useGWTrans = function () {
    return $gameScreen ? $gameScreen.useGWTrans() : this._useGWTrans;
  };

  SceneManager.GWImg = function () {
    return $gameScreen ? $gameScreen.GWImg() : this._GWImg;
  };

  SceneManager.GWInImg = function () {
    return $gameScreen ? $gameScreen.GWInImg() : this._GWInImg || this._GWImg;
  };

  SceneManager.GWOutImg = function () {
    return $gameScreen ? $gameScreen.GWOutImg() : this._GWOutImg || this._GWImg;
  };

  SceneManager.fadeDuration = function () {
    return $gameScreen ? $gameScreen.fadeDuration() : this._fadeDuration || 24;
  };

  //=============================================================================
  //  custom function: apply/remove Fade GWFilter (for Screen Fading)
  //  for Scene_Base and SpriteSet_Base (they share property: _fadeSprite)
  //=============================================================================
  var applyFadeGWFilter = function (imgName) {
    var GWsprite = new Sprite(ImageManager.loadTransitions(imgName)),
      f = new PIXI.filters.GradientWipeFilter(
        GWsprite,
        SceneManager.GWSoftness
      );
    this.removeFadeGWFilter();
    var fArr = this._fadeSprite.filters || [];
    this._GWFadeFilter = f;
    fArr.push(f);
    this._fadeSprite.filters = fArr;
  };

  var removeFadeGWFilter = function () {
    if (!this._GWFadeFilter) return;
    var fArr = this._fadeSprite.filters || [];
    var index = fArr.indexOf(this._GWFadeFilter);
    if (index >= 0) fArr.splice(index, 1);
    this._fadeSprite.filters = fArr;
    this._GWFadeFilter = undefined;
  };

  //=============================================================================
  //  custom function: apply/remove GWFilter (for Sprite/Window Fading)
  //  for Sprite_Base and Window_Base
  //=============================================================================

  var applyGWFilter = function (imgName, softness) {
    var GWsprite = new Sprite(ImageManager.loadTransitions(imgName)),
      f = new PIXI.filters.GradientWipeFilter(GWsprite, softness);
    this.removeGWFilter();
    var fArr = this.filters || [];
    this._GWFilter = f;
    fArr.push(f);
    this.filters = fArr;
  };

  var removeGWFilter = function () {
    if (!this._GWFilter) return;
    var fArr = this.filters || [];
    var index = fArr.indexOf(this._GWFilter);
    if (index >= 0) fArr.splice(index, 1);
    this.filters = fArr;
    this._GWFilter = undefined;
  };

  //=============================================================================
  //  Scene_Base
  //  necessary settings of Scene fading
  //=============================================================================

  Scene_Base.prototype.applyFadeGWFilter = applyFadeGWFilter;
  Scene_Base.prototype.removeFadeGWFilter = removeFadeGWFilter;

  var _Scene_Base_startFadeIn = Scene_Base.prototype.startFadeIn;
  Scene_Base.prototype.startFadeIn = function (duration, white) {
    _Scene_Base_startFadeIn.apply(this, arguments);
    if (SceneManager.useGWTrans() && SceneManager.GWInImg()) {
      this.applyFadeGWFilter(SceneManager.GWInImg());
      this._GWFadeFilter.time = 255 + this._GWFadeFilter.softness;
      this._GWSpeed = (this._GWFadeFilter.time + 1) / this._fadeDuration;
    }
  };

  var _Scene_Base_startFadeOut = Scene_Base.prototype.startFadeOut;
  Scene_Base.prototype.startFadeOut = function (duration, white) {
    _Scene_Base_startFadeOut.apply(this, arguments);
    if (SceneManager.useGWTrans() && SceneManager.GWOutImg()) {
      this._fadeSprite.opacity = 255;
      this.applyFadeGWFilter(SceneManager.GWOutImg());
      this._GWSpeed =
        (255 + 1 + this._GWFadeFilter.softness) / this._fadeDuration;
    }
  };

  var _Scene_Base_updateFade = Scene_Base.prototype.updateFade;
  Scene_Base.prototype.updateFade = function () {
    if (!SceneManager.useGWTrans())
      _Scene_Base_updateFade.apply(this, arguments);
    else {
      if (this._fadeDuration > 0 && this._GWFadeFilter) {
        this._GWFadeFilter.time += -this._fadeSign * (this._GWSpeed || 0);
        this._fadeDuration--;
        if (this._fadeDuration === 0) {
          this.removeFadeGWFilter();
          this._fadeSprite.opacity = 127.5 - this._fadeSign * 127.5;
        }
      }
    }
  };

  // overload fadeSpeed <- weird name?
  Scene_Base.prototype.fadeSpeed = function () {
    return SceneManager.fadeDuration();
  };

  //=============================================================================
  //  Game_Screen
  //  necessary settings of game screen fading
  //=============================================================================
  Game_Screen.prototype.fadeDuration = function () {
    return this._fadeDuration;
  };

  Game_Interpreter.prototype.fadeSpeed = function () {
    return $gameScreen.fadeDuration();
  };

  var _Game_Screen_initialize = Game_Screen.prototype.initialize;
  Game_Screen.prototype.initialize = function () {
    _Game_Screen_initialize.apply(this, arguments);
    this._fadeDuration = parseInt(
      getParamNumber(["Transition Duration", "画面フェード時間"])
    );
    this._useGWTrans = getParamBoolean([
      "Use Custom Transition",
      "画面フェードに適用",
    ]);
    this._GWImg = getParamString([
      "Transition Fade Image",
      "画面フェード用画像",
    ]);
    this._GWInImg = getParamString([
      "Transition FadeIn Image",
      "画面フェードイン用画像",
    ]);
    this._GWOutImg = getParamString([
      "Transition FadeOut Image",
      "画面フェードアウト用画像",
    ]);
  };

  Game_Screen.prototype.useGWTrans = function () {
    return this._useGWTrans;
  };

  var _Game_Screen_startFadeOut = Game_Screen.prototype.startFadeOut;
  Game_Screen.prototype.startFadeOut = function (duration) {
    _Game_Screen_startFadeOut.apply(this, arguments);
    this._needFilter = -1;
  };

  var _Game_Screen_startFadeIn = Game_Screen.prototype.startFadeIn;
  Game_Screen.prototype.startFadeIn = function (duration) {
    _Game_Screen_startFadeIn.apply(this, arguments);
    this._needFilter = 1;
  };

  Game_Screen.prototype.GWImg = function () {
    return this._GWImg;
  };

  Game_Screen.prototype.GWInImg = function () {
    return this._GWInImg || this._GWImg;
  };

  Game_Screen.prototype.GWOutImg = function () {
    return this._GWOutImg || this._GWImg;
  };

  //=============================================================================
  //  Spriteset
  //  necessary settings of game screen fading (actually applying/removing GWFilter)
  //=============================================================================

  Spriteset_Base.prototype.applyFadeGWFilter = applyFadeGWFilter;
  Spriteset_Base.prototype.removeFadeGWFilter = removeFadeGWFilter;

  var _Spriteset_Base_updateScreenSprites =
    Spriteset_Base.prototype.updateScreenSprites;
  Spriteset_Base.prototype.updateScreenSprites = function () {
    _Spriteset_Base_updateScreenSprites.apply(this, arguments);
    if (!$gameScreen.useGWTrans()) return;
    if ($gameScreen._needFilter) {
      this.applyFadeGWFilter(
        $gameScreen._needFilter > 0
          ? $gameScreen.GWInImg()
          : $gameScreen.GWOutImg()
      );
      $gameScreen._needFilter = undefined;
    }
    if ($gameScreen._fadeOutDuration || $gameScreen._fadeInDuration) {
      this._fadeSprite.opacity = 255;
      var f = this._GWFadeFilter;
      f.time =
        ((255 + 1 + f.softness) * (255 - $gameScreen.brightness())) / 255;
    } else {
      this.removeFadeGWFilter();
    }
  };

  //=============================================================================
  //  Sprite
  //  necessary settings of sprite
  //=============================================================================
  var _Sprite_update = Sprite.prototype.update;
  Sprite.prototype.update = function () {
    _Sprite_update.apply(this, arguments);
    this.updateGW();
  };

  Sprite.prototype.updateGW = function () {
    var info = this.getGWInfo();
    this.checkGWNeed(info);
    if (this._GWFilter) this.updateGWParam(info);
  };

  // for overload
  Sprite.prototype.getGWInfo = function () {
    return null;
  };

  Sprite.prototype.applyGWFilter = function (info) {
    applyGWFilter.apply(this, [info.imgName, info.softness]);
  };

  Sprite.prototype.removeGWFilter = function () {
    removeGWFilter.apply(this, arguments);
  };

  Sprite.prototype.checkGWNeed = function (info) {
    if (!info) {
      this.removeGWFilter();
      return;
    }
    if (!this._GWFilter || info.isNew) {
      this.applyGWFilter(info);
      info.isNew = false;
    }
  };

  Sprite.prototype.updateGWParam = function (info) {
    this._GWFilter.time = info.time;
  };

  //=============================================================================
  //  Sprite_*
  //  overload of function 'getGWInfo'
  //=============================================================================
  Sprite_Character.prototype.getGWInfo = function () {
    if (!this._character) return null;
    return this._character.GWInfo();
  };

  Sprite_Picture.prototype.getGWInfo = function () {
    if (!this.picture()) return null;
    return this.picture().GWInfo();
  };

  //=============================================================================
  //  Game_*
  //  overload function 'GWInfo', and update param of info; +createInfo
  //=============================================================================
  Game_Character.prototype.GWInfo = function () {
    return this._GWInfo;
  };

  Game_Picture.prototype.GWInfo = function () {
    return this._GWInfo;
  };

  var _Game_Character_update = Game_Character.prototype.update;
  Game_Character.prototype.update = function () {
    _Game_Character_update.apply(this, arguments);
    this.updateGWInfo();
  };

  Game_Character.prototype.updateGWInfo = function () {
    if (!this._GWInfo) return;
    this._GWInfo.time += this._GWInfo.fadeSpeed;
    if (this._GWInfo.time > 255 + this._GWInfo.softness) {
      this._GWInfo = undefined;
    } else if (this._GWInfo.time < 0) {
      this._GWInfo = undefined;
      this._opacity = 0;
    }
  };

  var _Game_Picture_update = Game_Picture.prototype.update;
  Game_Picture.prototype.update = function () {
    _Game_Picture_update.apply(this, arguments);
    this.updateGWInfo();
  };

  Game_Picture.prototype.updateGWInfo = function () {
    if (!this._GWInfo) return;
    this._GWInfo.time += this._GWInfo.fadeSpeed;
    if (this._GWInfo.time > 255 + this._GWInfo.softness) {
      this._GWInfo = undefined;
    } else if (this._GWInfo.time < 0) {
      this._GWInfo = undefined;
      this._opacity = 0;
    }
  };

  Game_Screen.prototype.createGWInfo = function (args) {
    // args: 0-IMGNAME, 1-DURATION, 2-SOFTNESS
    var info = {};
    if (!args[1]) return undefined;
    info.isNew = true;
    info.imgName = args[1];
    var duration = getNumber(args[2]) || 1;
    info.softness = getNumber(args[3]);
    if (args[0].toUpperCase() === "FADEIN") {
      info.time = 0;
      info.fadeSpeed = (255 + 1 + info.softness) / duration;
      return info;
    } else if (args[0].toUpperCase() === "FADEOUT") {
      info.time = 255 + info.softness;
      info.fadeSpeed = -(255 + 1 + info.softness) / duration;
      return info;
    }
    return undefined;
  };

  //=============================================================================
  //  Window_Base
  //  Garadient Wipe Effect on all Window
  //  -> default not used. please override initGW to customize
  //=============================================================================
  var _Window_Base_initialize = Window_Base.prototype.initialize;
  Window_Base.prototype.initialize = function (x, y, width, height) {
    _Window_Base_initialize.apply(this, arguments);
    this.initGW();
  };

  // for override
  Window_Base.prototype.initGW = function () {
    var setting = {};
    setting.useGW = false;
    setting.imgName = "";
    setting.fadeSpeed = 256 / 8;
    this.GWSetting = setting;
    if (typeof this._GWopenness === "undefined")
      this._GWopenness = this.openness;
  };

  Window_Base.prototype.useGW = function () {
    return this.GWSetting.useGW;
  };

  Window_Base.prototype.GWFadeSpeed = function () {
    return this.GWSetting.fadeSpeed;
  };

  Window_Base.prototype.GWImgName = function () {
    return this.GWSetting.imgName;
  };

  var _Window_Base_updateOpen = Window_Base.prototype.updateOpen;
  Window_Base.prototype.updateOpen = function () {
    if (!this.useGW()) {
      _Window_Base_updateOpen.apply(this, arguments);
      this._GWopenness = this.openness; // Sync or there will be bug
      return;
    }
    if (this._opening) {
      this._GWopenness += this.GWSetting.fadeSpeed;
      this.checkGWNeed();
      this._GWFilter.time = this._GWopenness;
      if (this.isOpen()) {
        this._opening = false;
        this.removeGWFilter();
      }
    }
  };

  var _Window_Base_updateClose = Window_Base.prototype.updateClose;
  Window_Base.prototype.updateClose = function () {
    if (!this.useGW()) {
      _Window_Base_updateClose.apply(this, arguments);
      this._GWopenness = this.openness; // Sync or there will be bug
      return;
    }
    if (this._closing) {
      this._GWopenness -= this.GWSetting.fadeSpeed;
      this.checkGWNeed();
      this._GWFilter.time = this._GWopenness;
      if (this.isClosed()) {
        this._closing = false;
        this.openness = 0;
        this.removeGWFilter();
      }
    }
  };

  var _Window_Base_open = Window_Base.prototype.open;
  Window_Base.prototype.open = function () {
    if (!this.useGW()) {
      _Window_Base_open.apply(this, arguments);
      return;
    }
    if (!this.isOpen()) {
      this.applyGWFilter();
      this._GWFilter.time = this._GWopenness;
      this._opening = true;
      this.openness = 255;
    }
    this._closing = false;
  };

  var _Window_Base_close = Window_Base.prototype.close;
  Window_Base.prototype.close = function () {
    if (!this.useGW()) {
      _Window_Base_close.apply(this, arguments);
      return;
    }
    if (!this.isClosed()) {
      this.applyGWFilter();
      this._GWFilter.time = this._GWopenness;
      if (this.contents) this.contents.clear();
      this._closing = true;
    }
    this._opening = false;
  };

  var _Window_Base_isOpen = Window_Base.prototype.isOpen;
  Window_Base.prototype.isOpen = function () {
    if (!this.useGW()) return _Window_Base_isOpen.apply(this, arguments);
    return this._GWopenness >= 255;
  };

  var _Window_Base_isClosed = Window_Base.prototype.isClosed;
  Window_Base.prototype.isClosed = function () {
    if (!this.useGW()) return _Window_Base_isClosed.apply(this, arguments);
    return this._GWopenness <= 0;
  };

  Window_Base.prototype.checkGWNeed = function () {
    if (!this._GWFilter && (this._closing || this._opening)) {
      this.applyGWFilter();
      this._GWFilter.time = this._GWopenness = this.openness;
      this.openness = 255;
      if (this.contents) this.contents.clear();
    }
  };

  Window_Base.prototype.applyGWFilter = function () {
    applyGWFilter.apply(this, [this.GWSetting.imgName, 0]);
  };

  Window_Base.prototype.removeGWFilter = function () {
    removeGWFilter.apply(this, arguments);
  };

  //=============================================================================
  //  Window_Message
  //  Garadient Wipe Effect on all Window
  //=============================================================================
  Window_Message.prototype.initGW = function () {
    this.GWSetting = $gameSystem.GWMessageSetting;
    if (typeof this._GWopenness === "undefined") this._GWopenness = 0;
  };

  //=============================================================================
  //  Game_System
  //  Save parameters of message
  //=============================================================================
  var _Game_System_initialize = Game_System.prototype.initialize;
  Game_System.prototype.initialize = function () {
    _Game_System_initialize.apply(this, arguments);
    var setting = {};
    setting.useGW = getParamBoolean([
      "Use Custom Message Fade",
      "メッセージウィンドウに適用",
    ]);
    setting.imgName = getParamString([
      "Message Fade Image",
      "メッセージフェード用画像",
    ]);
    setting.fadeSpeed =
      256 /
      (getParamNumber(["Message Fade Duration", "メッセージフェード時間"]) ||
        8);
    this.GWMessageSetting = setting;
  };
})();

/************************************************************
/* PIXI Gradient Wipe Filter
/* DO NOT RERODUCE THE FOLLOWING SCRIPT BEFORE AGREEMENT.
*************************************************************/

/**
 * The GradientWipeFilter applies a Luma Wipe effect to an object. (or, Luma Fade/Gradient Fade ...)
 * TODO -> Description about Gradient Wipe Filter ... <br>
 * ![original](../tools/screenshots/dist/original.png)![filter](../tools/screenshots/dist/bloom.png)
 *
 * @class
 * @extends PIXI.Filter
 * @memberof PIXI.filters
 * @param {PIXI.Sprite} [gradientSprite] set gradient sprite. See 'gradientSprite' property.
 * @param {number} [softness=0] set softness of fading(wiping). See 'softness' property.
 * @param {boolean} [reverse=false] set brightness reverse. See 'reverse' property.
 * @param {number} [time=0] set current time. See 'time' property.
 */

PIXI.filters.GradientWipeFilter = function (
  gradientSprite,
  softness,
  reverse,
  time
) {
  // gradientSprite.renderable = false;
  this._gradientSprite = gradientSprite;
  if (softness === null || softness === undefined) {
    softness = 0;
  }
  if (time === null || time === undefined) {
    time = 0;
  }
  reverse = !!reverse;

  /**
   * Current time. Fading(wiping) time duration is from 0 to 255+softness.
   * Increasing means fading(wiping) in; decreasing means fading(wiping) out.
   *
   * @member {number}
   * @default 0
   */
  this.time = time;

  var vertexShader = null;
  var fragmentShader = [
    "precision mediump float;",
    "",
    "varying vec2 vTextureCoord;",
    "",
    "uniform vec2 dimensions;",
    "uniform vec4 filterArea;",
    "uniform float softness;",
    "uniform bool reverse;",
    "uniform float time;",
    "uniform sampler2D uSampler;",
    "uniform sampler2D gradSampler;",
    "",
    "float getBrightness(vec4 color)",
    "{",
    "return (0.299*color.r + 0.587*color.g + 0.114*color.b);",
    "}",
    "",
    "void main(void)",
    "{",
    "   vec2 realCoord = (vTextureCoord * filterArea.xy) / dimensions;",
    "   float alpha = 0.0;",
    "   float brightness = getBrightness(texture2D(gradSampler, realCoord));",
    "   if(reverse) brightness = 1.0 - brightness;",
    "",
    "   if(softness > 1.0) { // softness between 0.0~1.0 means nothing",
    "       alpha = (- brightness * 255.0 + time) / softness;",
    "   }",
    "   else {",
    "       alpha = - brightness * 255.0 + time;",
    "   }",
    "",
    "   alpha = clamp(alpha, 0.0, 1.0);",
    "   vec4 finalColor = texture2D(uSampler, vTextureCoord);",
    "   finalColor *= alpha;",
    "   gl_FragColor = finalColor;",
    "",
    "}",
  ].join("\r\n");

  var uniforms = {};
  uniforms.gradSampler = { type: "sampler2D", value: gradientSprite._texture };
  uniforms.softness = { type: "1f", value: softness };
  uniforms.reverse = { type: "bool", value: reverse };
  uniforms.time = { type: "1f", value: this.time };
  uniforms.dimensions = { type: "4fv", value: new Float32Array([0, 0, 0, 0]) };

  PIXI.Filter.call(this, vertexShader, fragmentShader, uniforms);
};

PIXI.filters.GradientWipeFilter.prototype = Object.create(
  PIXI.Filter.prototype
);
PIXI.filters.GradientWipeFilter.prototype.constructor =
  PIXI.filters.GradientWipeFilter;

PIXI.filters.GradientWipeFilter.prototype.apply = function (
  filterManager,
  input,
  output,
  clear
) {
  this.uniforms.dimensions[0] = parseFloat(input.sourceFrame.width);
  this.uniforms.dimensions[1] = parseFloat(input.sourceFrame.height);
  this.uniforms.time = this.time;

  filterManager.applyFilter(this, input, output, clear);
};

Object.defineProperties(PIXI.filters.GradientWipeFilter.prototype, {
  /**
   * The gradient sprite of the wiping effect.
   * Will be referenced and autofit to the render object.
   *
   * @member {PIXI.Sprite}
   */
  gradientSprite: {
    get: function () {
      return this._gradientSprite;
    },
    set: function (value) {
      // value.renderable = false;
      this._gradientSprite = value;
      this.uniforms.gradSampler = value._texture;
    },
  },

  /**
   * The softness of the Transiting Effect. 0 or positive integer would be desirable.
   * One Pixel will take "softness" time to turn from transparent(alpha=0.0) to non-transparent(alpha=1.0).
   *
   * @member {number}
   * @default 0
   */
  softness: {
    get: function () {
      return this.uniforms.softness;
    },
    set: function (value) {
      this.uniforms.softness = value;
    },
  },

  /**
   * At normal, Render Object will first fade(wipe) in from darker part of the gradientSprite.
   * If 'reverse' property is true, Render Object will first fade in from brighter part.
   *
   * @member {boolean}
   * @default false
   */
  reverse: {
    get: function () {
      return this.uniforms.reverse;
    },
    set: function (value) {
      this.uniforms.reverse = value;
    },
  },

  /**
   * Check if the wiping effect(fade in) is end.
   * Won't affect any parameter of the wiping effect, just for user convinience.
   *
   * @member {boolean}
   */
  isFadeInEnd: {
    get: function () {
      return this.time >= this.softness + 255;
    },
  },

  /**
   * Check if the wiping effect(fade out) is end.
   * Won't affect any parameter of the wiping effect, just for user convinience.
   *
   * @member {boolean}
   */
  isFadeOutEnd: {
    get: function () {
      return this.time <= 0;
    },
  },
});