Project1»广场 › 技术讨论 › RPG Maker MV 讨论区 › ULDS如何实现地图局部消失或出现时产生渐变效果? ...

ULDS如何实现地图局部消失或出现时产生渐变效果?

查看数: 2799 | 评论数: 8 | 收藏 6

关灯 | 提示：支持键盘翻页<-左右->

帖子模式

664145107

发布时间: 2021-2-27 22:35

正文摘要:

本帖最后由 664145107 于 2021-2-28 14:45 编辑多亏ULDS插件，做出了一个一直以来很想实现的效果：同一地图内部分区域只有进入时才出现但是正如图所见进入对应区域时地图是突然出现的，比较生硬，加一个渐变过 ...

664145107 发表于 2021-3-2 16:11:18

仇九发表于 2021-3-1 23:10
//=============================================================================
// ULDS.js
//======= ...

不知为何在我的工程里没有效果orz

664145107 发表于 2021-3-2 01:04:49

本帖最后由 664145107 于 2021-3-2 01:05 编辑

仇九发表于 2021-3-1 23:10
//=============================================================================
// ULDS.js
//======= ...

卧槽强啊！不过是不是意味着其他的远景图的visible那一条也要删去了呢
以及如果把时间从60改成0是不是就是立即出现图片了呢，如果是的话那似乎确实可以取代visible那条了

仇九 发表于 2021-3-1 23:10:27

本帖最后由仇九于 2021-3-1 23:14 编辑

JAVASCRIPT 代码复制下载

//=============================================================================
// ULDS.js
//=============================================================================
 
/*:
 * @plugindesc Unlimited Layer Display System.
 * @author taroxd
 *
 * @param Default Path
 * @desc The default path where pictures are stored.
 * @default parallaxes
 *
 * @param Default Z
 * @desc The default Z coordinate for sprites.
 * @type number
 * @decimals 2
 * @min -15
 * @max 15
 * @default 0.5
 *
 * @help This plugin does not provide plugin commands.
 *
 * Map Note: <ulds> JSON </ulds>
 * "name": picture filename
 * "path": picture path (default to Default Path)
 * "loop": true/false
 *    Whether the picture should loop.
 * "hue"/"smooth": the attribute of a Bitmap.
 * <attribute>: the attribute of a Sprite.
 *
 * A string can be used as a value to be interpreted as a formula.
 * In the formula, 't' refers to frame count.
 *                 's' refers to $gameSwitches.
 *                 'v' refers to $gameVaribles.
 *
 * Also, various helpers are available, defined in Helper.
 *
 * If a string is used as a formula of the attribute,
 * the attribute will be updated every frame.
 *
 * By the way, attributes such as "anchor.x" is also available.
 *
 *
 * Here is an example:
 *
   <ulds> {
     "name": "BlueSky",
     "x": "this.rx(t)",
     "y": 50,
     "loop": true,
     "opacity": this.rx(v)
   } </ulds>
 *
 */
 
 
void function() {
 
    var assign = Object.assign || function(target) {
        for (var i = 1; i < arguments.length; i++) {
            var source = arguments[i];
            for (var key in source) {
                target[key] = source[key];
            }
        }
        return target;
    };
 
    var RE = /<ulds>([^]*?)<\/ulds>/ig;
    var parameters = PluginManager.parameters('ULDS');
    var DEFAULT_SETTINGS = {
        z: parseFloat(parameters['Default Z']),
        path: parameters['Default Path'],
        smooth: true
    };
 
    // Feel free to add your own helper.
    var Helper = {
        t: 0,
 
        go: function(s,min,max,time) {
                if (this.godata==null) this.godata=[min,max,time,(max-min)/time,0];
                if (this.rem==null) {this.rem=false;return min;}
                if ($gameSwitches.value(s)!=this.rem) {
                        this.rem=$gameSwitches.value(s);
                        this.godata[4]=time;
                }
                if (this.godata[4]>0)  {
                        this.godata[4]--;
                        return this.rem? this.opacity+this.godata[3]:this.opacity-this.godata[3];
                }
                return this.opacity;
        },
 
        // Converts a coordinate on the map to the corresponding coordinate on the screen.
        rx: function(x, scrollRate) {
            if (scrollRate == null) {
                scrollRate = $gameMap.tileWidth();
            }
 
            if (scrollRate === 0) {
                return x;
            } else {
                return $gameMap.adjustX(x / scrollRate) * scrollRate;
            }
        },
 
        ry: function(y, scrollRate) {
            if (scrollRate == null) {
                scrollRate = $gameMap.tileHeight();
            }
 
            if (scrollRate === 0) {
                return y;
            } else {
                return $gameMap.adjustY(y / scrollRate) * scrollRate;
            }
        },
 
        update: function() {
            ++this.t;
            this._updater(this.t, $gameSwitches, $gameVariables);
        },
 
        assignSettings: function(settings) {
            var code = '';
            for (var key in settings) {
                var value = settings[key];
                if (typeof(value) === 'string') {
                    // this.x = (formula);
                    // this.scale.x = (formula); // key is "scale.x"
                    code += 'this.' + key + ' = (' + value + ');\n';
                } else {
                    // if key is "scale.x"
                    // keys is ["scale", "x"]
                    var keys = key.split('.');
                    // set key to "x"
                    key = keys.pop();
 
                    var target = this;
                    keys.forEach(function(k) {
                        if (typeof(target) !== 'object') {
                            target[k] = {};
                        }
                        target = target[k];
                    });
 
                    target[key] = value;
                }
            }
            // You may log the code for debugging purpose.
            // console.log(code);
            this._updater = new Function('t', 's', 'v', code) ;
        }
    };
 
    // NOT a class constructor
    function ULDS(settings) {
        settings = assign({}, DEFAULT_SETTINGS, settings);
        var spriteClass = settings.loop ? ULDS.TilingSprite : ULDS.Sprite;
        var bitmap = ImageManager.loadBitmap('img/' + settings.path + '/',
            settings.name, settings.hue, settings.smooth);
        var sprite = new spriteClass(bitmap);
 
        delete settings.path;
        delete settings.name;
        delete settings.loop;
        delete settings.hue;
        delete settings.smooth;
 
        sprite.assignSettings(settings);
 
        return sprite;
    }
 
    ULDS.Sprite = function(bitmap) {
        Sprite.call(this, bitmap);
    };
 
    ULDS.Sprite.prototype = Object.create(Sprite.prototype);
    ULDS.Sprite.prototype.constructor = ULDS.Sprite;
    assign(ULDS.Sprite.prototype, Helper);
 
    ULDS.TilingSprite = function(bitmap) {
        TilingSprite.call(this, bitmap);
        bitmap.addLoadListener(function() {
            this.move(0, 0, bitmap.width, bitmap.height);
        }.bind(this));
    };
 
    ULDS.TilingSprite.prototype = Object.create(TilingSprite.prototype);
    ULDS.TilingSprite.prototype.constructor = ULDS.TilingSprite;
    assign(ULDS.TilingSprite.prototype, Helper);
 
    Object.defineProperties(ULDS.TilingSprite.prototype, {
        x: {
            get: function() { return -this.origin.x; },
            set: function(x) { this.origin.x = -x; }
        },
        y: {
            get: function() { return -this.origin.y; },
            set: function(y) { this.origin.y = -y; }
        }
    });
 
    var ct = Spriteset_Map.prototype.createTilemap;
    Spriteset_Map.prototype.createTilemap = function() {
        ct.call(this);
        $dataMap.note.replace(RE, function(_match, settings) {
            var isValid = false;
            try {
                settings = JSON.parse(settings);
                isValid = typeof(settings) === 'object';
                if (!isValid) {
                    throw 'ULDS settings should be an object';
                }
            } catch (e) {
                console.error(e);
                console.log(settings);
            }
            if (isValid) {
                this._tilemap.addChild(ULDS(settings));
            }
        }.bind(this));
    };
}();

//=============================================================================


// ULDS.js


//=============================================================================


 


/*:


 * @plugindesc Unlimited Layer Display System.


 * @author taroxd


 *


 * @param Default Path


 * @desc The default path where pictures are stored.


 * @default parallaxes


 *


 * @param Default Z


 * @desc The default Z coordinate for sprites.


 * @type number


 * @decimals 2


 * @min -15


 * @max 15


 * @default 0.5


 *


 * @help This plugin does not provide plugin commands.


 *


 * Map Note: <ulds> JSON </ulds>


 * "name": picture filename


 * "path": picture path (default to Default Path)


 * "loop": true/false


 *    Whether the picture should loop.


 * "hue"/"smooth": the attribute of a Bitmap.


 * <attribute>: the attribute of a Sprite.


 *


 * A string can be used as a value to be interpreted as a formula.


 * In the formula, 't' refers to frame count.


 *                 's' refers to $gameSwitches.


 *                 'v' refers to $gameVaribles.


 *


 * Also, various helpers are available, defined in Helper.


 *


 * If a string is used as a formula of the attribute,


 * the attribute will be updated every frame.


 *


 * By the way, attributes such as "anchor.x" is also available.


 *


 *


 * Here is an example:


 *


   <ulds> {


     "name": "BlueSky",


     "x": "this.rx(t)",


     "y": 50,


     "loop": true,


     "opacity": this.rx(v)


   } </ulds>


 *


 */


 


 


void function() {


 


    var assign = Object.assign || function(target) {


        for (var i = 1; i < arguments.length; i++) {


            var source = arguments[i];


            for (var key in source) {


                target[key] = source[key];


            }


        }


        return target;


    };


 


    var RE = /<ulds>([^]*?)<\/ulds>/ig;


    var parameters = PluginManager.parameters('ULDS');


    var DEFAULT_SETTINGS = {


        z: parseFloat(parameters['Default Z']),


        path: parameters['Default Path'],


        smooth: true


    };


 


    // Feel free to add your own helper.


    var Helper = {


        t: 0,


 


        go: function(s,min,max,time) {


                if (this.godata==null) this.godata=[min,max,time,(max-min)/time,0];


                if (this.rem==null) {this.rem=false;return min;}


                if ($gameSwitches.value(s)!=this.rem) {


                        this.rem=$gameSwitches.value(s);


                        this.godata[4]=time;


                }


                if (this.godata[4]>0)  {


                        this.godata[4]--;


                        return this.rem? this.opacity+this.godata[3]:this.opacity-this.godata[3];


                }


                return this.opacity;


        },


 


        // Converts a coordinate on the map to the corresponding coordinate on the screen.


        rx: function(x, scrollRate) {


            if (scrollRate == null) {


                scrollRate = $gameMap.tileWidth();


            }


 


            if (scrollRate === 0) {


                return x;


            } else {


                return $gameMap.adjustX(x / scrollRate) * scrollRate;


            }


        },


 


        ry: function(y, scrollRate) {


            if (scrollRate == null) {


                scrollRate = $gameMap.tileHeight();


            }


 


            if (scrollRate === 0) {


                return y;


            } else {


                return $gameMap.adjustY(y / scrollRate) * scrollRate;


            }


        },


 


        update: function() {


            ++this.t;


            this._updater(this.t, $gameSwitches, $gameVariables);


        },


 


        assignSettings: function(settings) {


            var code = '';


            for (var key in settings) {


                var value = settings[key];


                if (typeof(value) === 'string') {


                    // this.x = (formula);


                    // this.scale.x = (formula); // key is "scale.x"


                    code += 'this.' + key + ' = (' + value + ');\n';


                } else {


                    // if key is "scale.x"


                    // keys is ["scale", "x"]


                    var keys = key.split('.');


                    // set key to "x"


                    key = keys.pop();


 


                    var target = this;


                    keys.forEach(function(k) {


                        if (typeof(target) !== 'object') {


                            target[k] = {};


                        }


                        target = target[k];


                    });


 


                    target[key] = value;


                }


            }


            // You may log the code for debugging purpose.


            // console.log(code);


            this._updater = new Function('t', 's', 'v', code) ;


        }


    };


 


    // NOT a class constructor


    function ULDS(settings) {


        settings = assign({}, DEFAULT_SETTINGS, settings);


        var spriteClass = settings.loop ? ULDS.TilingSprite : ULDS.Sprite;


        var bitmap = ImageManager.loadBitmap('img/' + settings.path + '/',


            settings.name, settings.hue, settings.smooth);


        var sprite = new spriteClass(bitmap);


 


        delete settings.path;


        delete settings.name;


        delete settings.loop;


        delete settings.hue;


        delete settings.smooth;


 


        sprite.assignSettings(settings);


 


        return sprite;


    }


 


    ULDS.Sprite = function(bitmap) {


        Sprite.call(this, bitmap);


    };


 


    ULDS.Sprite.prototype = Object.create(Sprite.prototype);


    ULDS.Sprite.prototype.constructor = ULDS.Sprite;


    assign(ULDS.Sprite.prototype, Helper);


 


    ULDS.TilingSprite = function(bitmap) {


        TilingSprite.call(this, bitmap);


        bitmap.addLoadListener(function() {


            this.move(0, 0, bitmap.width, bitmap.height);


        }.bind(this));


    };


 


    ULDS.TilingSprite.prototype = Object.create(TilingSprite.prototype);


    ULDS.TilingSprite.prototype.constructor = ULDS.TilingSprite;


    assign(ULDS.TilingSprite.prototype, Helper);


 


    Object.defineProperties(ULDS.TilingSprite.prototype, {


        x: {


            get: function() { return -this.origin.x; },


            set: function(x) { this.origin.x = -x; }


        },


        y: {


            get: function() { return -this.origin.y; },


            set: function(y) { this.origin.y = -y; }


        }


    });


 


    var ct = Spriteset_Map.prototype.createTilemap;


    Spriteset_Map.prototype.createTilemap = function() {


        ct.call(this);


        $dataMap.note.replace(RE, function(_match, settings) {


            var isValid = false;


            try {


                settings = JSON.parse(settings);


                isValid = typeof(settings) === 'object';


                if (!isValid) {


                    throw 'ULDS settings should be an object';


                }


            } catch (e) {


                console.error(e);


                console.log(settings);


            }


            if (isValid) {


                this._tilemap.addChild(ULDS(settings));


            }


        }.bind(this));


    };


}();

我添加了一个函数go，这样使用：
<ulds>{
"name":"!0-2-a_",
"x":"this.rx(0)",
"y":"this.ry(0)",
"z":2,
"opacity":"this.go(2,0,255,60)",
"loop":false
}</ulds>
注意"opacity"后面的内容改了一下，并且删去了visible那一行。
初始图片透明度为0，开关2打开时，图片的透明度会在60帧内从0变到255，关闭开关2时，图片的透明度会在60帧内从255变到0。
this.go(开关id,最初透明度,变化后透明度,变化时间)，这个只能用于opacity。
效果：

664145107 发表于 2021-3-1 20:09:55

本帖最后由 664145107 于 2021-3-1 20:11 编辑

仇九发表于 2021-3-1 00:41
本来写了一大段然后提供了几个办法（依据实际情况），结果因为查别的东西查完后随手关了浏览器而导致没有记 ...

<ulds>{
"name":"!0-2-a_",
"visible":"$gameSwitches.value(2)",
"x":"this.rx(0)",
"y":"this.ry(0)",
"z":2,
"opacity":255,
"loop":false
}</ulds>

ulds是按照原本的用法使用的，没有对插件做任何修改（本来想改来着但是看不懂所以无从下手orz
用了不同的开关控制两个部分地图的可见度，然后做两个相邻事件，一个用来开对应开关另一个相反

仇九 发表于 2021-3-1 00:41:33

本来写了一大段然后提供了几个办法（依据实际情况），结果因为查别的东西查完后随手关了浏览器而导致没有记录了orz……
所以楼主直接贴出地图备注后直接给楼主最简单的办法吧……（依据你的实现方法来为ulds添加点功能或者直接推荐别的插件）

664145107 发表于 2021-2-28 19:56:41

whitedewxiao 发表于 2021-2-28 19:51
好像有行指令可以渐变，但是我忘了orz
范例里面应该有写的。
或者那个rgd的灯光脚本也包含有类似的代码。 ...

淡入淡出吗，那个我试过，是画面转黑再转回，但是这样做的话和切换场景没有区别了

whitedewxiao 发表于 2021-2-28 19:51:00

好像有行指令可以渐变，但是我忘了orz
范例里面应该有写的。
或者那个rgd的灯光脚本也包含有类似的代码。

664145107 发表于 2021-2-28 19:25:11

不要沉呀……

帐号		自动登录	找回密码
密码			注册会员

ULDS如何实现地图局部消失或出现时产生渐变效果?

正文摘要:

回复