Project1

标题: （50RMB）急求！帮忙把这个滤镜效果改成远景的 [打印本页]

---

作者: zfjlove123    时间: 2018-7-31 11:36
标题: （50RMB）急求！帮忙把这个滤镜效果改成远景的


把滤镜效果改成只对远景图生效



以下是代码
//=============================================================================
// KMS_WaterMapEffect.js
//  last update: 2017/01/01
//=============================================================================

/*
* This plugin can be used in the environment which supports WebGL.
*/

/*:
* @plugindesc
* [v1.1.0] Applies water effect.
*
* @author TOMY (Kamesoft)
*
* @param Flicker image
* @default KMS_cloud
* @require 1
* @dir img/system/
* @type file
* @desc The image which is used for flicker effect.
*
* @param Wave image
* @default KMS_wave
* @require 1
* @dir img/system/
* @type file
* @desc The image which is used for wave.
*
* @param Wave opacity
* @default 64
* @desc Opacity for wave. Range is from 0 to 255.
*
* @param Speed X
* @default -1.0
* @desc The offset value for the X coordinate.
*
* @param Speed Y
* @default 0.5
* @desc The offset value for the Y coordinate.
*
* @param Auto tone change
* @default 1
* @desc
* Color filter is applied automatically.
* 0: Disable, 1: Enable
*
* @help This plugin does not provide plugin commands.
*/

/*:ja
* @plugindesc
* [v1.1.0] マップに水中エフェクトを適用します。
*  
* @author TOMY (Kamesoft)
*
* @param Flicker image
* @default KMS_cloud
* @require 1
* @dir img/system/
* @type file
* @desc 水の揺らぎを表現するための画像です。
*
* @param Wave image
* @default KMS_wave
* @require 1
* @dir img/system/
* @type file
* @desc 水面の波を表現するための画像です。
*
* @param Wave opacity
* @default 64
* @desc 波の不透明度です。0 ～ 255 で指定します。
*
* @param Speed X
* @default -1.0
* @desc 水の横方向への移動速度です。
*
* @param Speed Y
* @default 0.5
* @desc 水の縦方向への移動速度です。
*
* @param Auto tone change
* @default 1
* @desc
* 水中エフェクト時、画面の色調を自動的に変更します。
* 0: オフ, 1: オン
*
* @help このプラグインには、プラグインコマンドはありません。
*/

var KMS = KMS || {};

(function()
{

if (!Graphics.hasWebGL())
{
    console.error("WebGL をサポートしていないため、フィルターを使用できません。");
    return;
}

KMS.imported = KMS.imported || {};
KMS.imported['WaterMapEffect'] = true;

var PixiVersion = PIXI.DisplacementFilter ? 2 : 4;

var pluginParams = PluginManager.parameters('KMS_WaterMapEffect');
var Param = {};
Param.imageDir  = 'img/system/';
Param.dispImage = pluginParams['Flicker image'] || 'KMS_cloud';
Param.waveImage = pluginParams['Wave image'] || 'KMS_wave';
Param.waveOpacity = Number(pluginParams['Wave opacity'] || 176);
Param.speed = {
    x: Number(pluginParams['Speed X'] || -1.0),
    y: Number(pluginParams['Speed Y'] ||  0.5)
};
Param.autoTone = Boolean(Number(pluginParams['Auto tone change'] || 1));
Param.filterMode = 0;

//-----------------------------------------------------------------------------
// KMS_WaterEffect

KMS_WaterEffect = function()
{
    this._speed = { x: Param.speed.x, y: Param.speed.y };
    this._colorFilter = (PixiVersion == 2) ?
        new PIXI.ColorMatrixFilter() :
        new PIXI.filters.ColorMatrixFilter();
    if (Param.autoTone)
    {
        if (PixiVersion == 2)
        {
            this._colorFilter.matrix = [
                0.9, 0, 0, 0,
                0, 0.9, 0, 0,
                0.2, 0.2, 1, 0,
                0, 0, 0, 1
            ];
        }
        else
        {
            // For Pixi v4
            this._colorFilter.matrix = [
                0.9, 0, 0, 0, 0,
                0, 0.9, 0, 0, 0,
                0.2, 0.2, 1, 0, 0,
                0, 0, 0, 1, 0
            ];
        }
    }

    if (PixiVersion == 4)
    {
        this._dispSprite = new Sprite();
    }

    this._waveSprite = new TilingSprite();
    this._waveSprite.blendMode = Graphics.BLEND_ADD;
    this._waveSprite.opacity = Param.waveOpacity;
    this._waveSprite.scale.x = 1.0;
    this._waveSprite.scale.y = 1.0;

    var margin = 24;
    this._waveSprite.move(-margin, -margin, Graphics.width + margin, Graphics.height + margin);
};

/*
* 画像のロード
*/
KMS_WaterEffect.prototype.loadImage = function()
{
    this._dispBitmap = ImageManager.loadBitmap(Param.imageDir, Param.dispImage, 0);
    this._waveBitmap = ImageManager.loadBitmap(Param.imageDir, Param.waveImage, 0);
};

/*
* ロード完了判定
*/
KMS_WaterEffect.prototype.isReady = function()
{
    return this._dispBitmap.isReady() && this._waveBitmap.isReady();
};

/*
* エフェクトの生成
*
* ※ 必ず画像のロードが完了した後に呼ぶこと
*/
KMS_WaterEffect.prototype.createEffect = function()
{
    if (this._dispFilter)
    {
        return;
    }

    console.assert(this.isReady());

    if (PixiVersion == 2)
    {
        this._dispFilter = new PIXI.DisplacementFilter(this._dispBitmap);
    }
    else
    {
        // For Pixi v4
        // Pixi v4 の DisplacementFilter では自動でリピートされないので、WRAP_MODE 指定が必要。
        this._dispBitmap.baseTexture.wrapMode = PIXI.WRAP_MODES.REPEAT;
        this._dispSprite.bitmap = this._dispBitmap;
        this._dispSprite.scale.x = Graphics.width / this._dispBitmap.width;
        this._dispSprite.scale.y = Graphics.height / this._dispBitmap.height;
        this._dispFilter = new PIXI.filters.DisplacementFilter(this._dispSprite);
    }

    this._waveSprite.bitmap = this._waveBitmap;
    this._waveSprite.filters = [this._dispFilter];
};

KMS_WaterEffect.prototype.update = function()
{
    if (PixiVersion == 2)
    {
        this._dispFilter.offset.x += this._speed.x;
        this._dispFilter.offset.y += this._speed.y;
    }
    else
    {
        // For Pixi v4
        this._dispSprite.x += this._speed.x;
        this._dispSprite.y += this._speed.y;
    }
    this._waveSprite.origin.x += this._speed.x / 2.0;
    this._waveSprite.origin.y += this._speed.y / 2.0;
};

Object.defineProperty(KMS_WaterEffect.prototype, 'filters', {
    get: function()
    {
        return Param.autoTone ?
            [this._dispFilter, this._colorFilter] :
            [this._dispFilter];
    }
});

Object.defineProperty(KMS_WaterEffect.prototype, 'dispSprite', {
    get: function()
    {
        return this._dispSprite;
    }
});

Object.defineProperty(KMS_WaterEffect.prototype, 'waveSprite', {
    get: function()
    {
        return this._waveSprite;
    }
});

//-----------------------------------------------------------------------------
// Spriteset_Base

/*
* 水中エフェクトの作成。
* 水中マップでなければ何もしない。
*/
Spriteset_Base.prototype.createWaterMapEffect = function()
{
    if (!Graphics.isWebGL())
    {
        //console.warn("WebGL で動作していないため、エフェクトをスキップします。");
        return;
    }

    if ($dataMap && $dataMap.meta.WaterEffect)
    {
        this._waterEffect = new KMS_WaterEffect();
        this._waterEffect.loadImage();
    }
};

/*
* ロード完了後のエフェクト適用処理本体
*/
Spriteset_Base.prototype.applyWaterMapEffectBody = function(target, waveContainer)
{
    if (!this._waterEffect)
    {
        return;
    }

    this._waterEffect.createEffect();

    if (target instanceof Array)
    {
        for (var i = 0; i < target.length; ++i) {
            target.filters = this._waterEffect.filters;

            // フィルタの適用範囲 (指定しないとキャプチャできなくなる)
            var margin = 48;
            var width  = Graphics.width + margin;
            var height = Graphics.height + margin;
            target.filterArea = new Rectangle(-margin, -margin, width, height);
        }
    }

    if (waveContainer)
    {
        if (PixiVersion == 4)
        {
            waveContainer.addChild(this._waterEffect.dispSprite);
        }
        waveContainer.addChild(this._waterEffect.waveSprite);
    }
};

Spriteset_Base.prototype.updateWaterMapEffect = function()
{
    if (this._waterEffect)
    {
        this._waterEffect.update();
    }
};

var _KMS_WaterMapEffect_Spriteset_Base_update = Spriteset_Base.prototype.update;
Spriteset_Base.prototype.update = function()
{
    _KMS_WaterMapEffect_Spriteset_Base_update.call(this);
    this.updateWaterMapEffect();
};

//-----------------------------------------------------------------------------
// Spriteset_Map

var _KMS_WaterMapEffect_Spriteset_Map_initialize =
        Spriteset_Map.prototype.initialize;
Spriteset_Map.prototype.initialize = function()
{
    _KMS_WaterMapEffect_Spriteset_Map_initialize.call(this);
    this.createWaterMapEffect();
};

/*
* ロード完了後に呼ばれるエフェクト適用処理
*/
Spriteset_Map.prototype.applyWaterMapEffect = function()
{
    this.applyWaterMapEffectBody([this], this._baseSprite);
};

//-----------------------------------------------------------------------------
// Spriteset_Battle

var _KMS_WaterMapEffect_Spriteset_Battle_initialize =
        Spriteset_Battle.prototype.initialize;
Spriteset_Battle.prototype.initialize = function()
{
    _KMS_WaterMapEffect_Spriteset_Battle_initialize.call(this);
    this.createWaterMapEffect();
};

/*
* ロード完了後に呼ばれるエフェクト適用処理
*/
Spriteset_Battle.prototype.applyWaterMapEffect = function()
{
    this.applyWaterMapEffectBody(
        [this._backgroundSprite, this._back1Sprite, this._back2Sprite],
        this._battleField);
};

//-----------------------------------------------------------------------------
// Scene_Map

var _KMS_WaterMapEffect_Scene_Map_start =
        Scene_Map.prototype.start;
Scene_Map.prototype.start = function()
{
    _KMS_WaterMapEffect_Scene_Map_start.call(this);
    this._spriteset.applyWaterMapEffect();
};

//-----------------------------------------------------------------------------
// Scene_Battle

var _KMS_WaterMapEffect_Scene_Battle_start =
        Scene_Battle.prototype.start;
Scene_Battle.prototype.start = function()
{
    _KMS_WaterMapEffect_Scene_Battle_start.call(this);
    this._spriteset.applyWaterMapEffect();
};

})();

---

作者: 类人猿    时间: 2018-7-31 20:27
把z坐标改了就才，别细问我，我也不清楚。。。

---

作者: zfjlove123    时间: 2018-7-31 22:38

类人猿 发表于 2018-7-31 20:27
把z坐标改了就才，别细问我，我也不清楚。。。

一头雾水

---

作者: shitake    时间: 2018-7-31 22:46
this.applyWaterMapEffectBody([this], this._baseSprite);
};
关键在于这一句里的 传入的第二个参数

---

作者: zfjlove123    时间: 2018-8-1 08:14

shitake 发表于 2018-7-31 22:46
this.applyWaterMapEffectBody([this], this._baseSprite);
};
关键在于这一句里的 传入的第二个参数 ...

this._baseSprite?那要怎么改呢？

---

欢迎光临 Project1 (https://rpg.blue/)

Powered by Discuz! X3.1