区域作为图层使用

雪在燃 · 发表于 2017-11-5 00:03:21

加入我们，或者，欢迎回来。

您需要登录才可以下载或查看，没有帐号？注册会员

x

本帖最后由雪在燃于 2017-11-5 11:59 编辑

使用区域id作为额外的图片展示，具体代码如下

JAVASCRIPT 代码复制

/*:
 * @plugindesc 区域图层插件
 * @author 雪在燃
 * v:1.2
 * @help
 *  区域图层插件
 * 使用地图备注编写<xzr_region:on>打开该功能（注，设置为任意都将打开功能，只有删除该行才会关闭功能）
 * 以下是一个事例
 * <set_regionID_1:["light",234,5]>
 * 代表区域1会将img/system/pictures/light展示出来，并且不透明度为234(0~255，数字越低越不透明)，z坐标为5(0~10,越高则越高，降低则会被主角或npc遮盖)
*/
 
(function () {
    var old = Spriteset_Map.prototype.createLowerLayer;
    Spriteset_Map.prototype.createLowerLayer = function () {
        old.call(this);
        if ($dataMap.meta.xzr_region) {
            this.createShadowEx();
        }
    };
    Spriteset_Map.prototype.createShadowEx = function () {
        var data = null;//JSON.parse($dataMap.mate.set_region);
        for (var x = 0; x < $gameMap.width() ; x++) {
            for (var y = 0; y < $gameMap.height() ; y++) {
                var id = $gameMap.regionId(x, y);
                if (id != 0) {
                    if ($dataMap.meta["set_regionID_" + id]) {
                        data = JSON.parse($dataMap.meta["set_regionID_" + id]);
                        var _sprite = new Sprite_Shadow(x, y, id, data);
                        this._tilemap.addChild(_sprite);
                    }
                }
            }
        }
    }
    function Sprite_Shadow(x, y, id) {
        this.initialize.apply(this, arguments);
    }
    Sprite_Shadow.prototype = Object.create(Sprite.prototype);
    Sprite_Shadow.prototype.constructor = Sprite_Shadow;
    Sprite_Shadow.prototype.initialize = function (x, y, id,data) {
        Sprite.prototype.initialize.call(this);
        this.bitmap = (ImageManager.loadPicture(data[0]));
        this.opacity = data[1];
        this._dataZ = data[2];
        this._cWidth = 0;
        this._cHeight = 0;
        this._realX = x;
        this._realY = y;
        this._isReady = false;
        this.z = parseInt(id);
    }
    Sprite_Shadow.prototype.update = function () {
        Sprite.prototype.update.call(this);
        if (!this._isReady && ImageManager.isReady()) {
            this._cWidth = (this.bitmap.width - 48) / 2;
            this._cHeight = (this.bitmap.height - 48) / 2;
            this._isReady = true;
        }
        this.updatePosition();
    }
 
    Sprite_Shadow.prototype.updatePosition = function () 
    {
        this.z = this._dataZ;
        this.x = this.screenX();
        this.y = this.screenY();
    }
    Sprite_Shadow.prototype.scrolledX = function () {
        return $gameMap.adjustX(this._realX - 0.5);
    };
    Sprite_Shadow.prototype.scrolledY = function () {
        return $gameMap.adjustY(this._realY - 1);
    };
    Sprite_Shadow.prototype.screenX = function () {
        var tw = $gameMap.tileWidth();
        return Math.round((this.scrolledX() * tw + tw / 2)-this._cWidth);
    };
    Sprite_Shadow.prototype.screenY = function () {
        var th = $gameMap.tileHeight();
        return Math.round((this.scrolledY() * th + th)-this._cHeight);
    };
})();

/*:


 * @plugindesc 区域图层插件


 * @author 雪在燃


 * v:1.2


 * @help


 *  区域图层插件


 * 使用地图备注编写<xzr_region:on>打开该功能（注，设置为任意都将打开功能，只有删除该行才会关闭功能）


 * 以下是一个事例


 * <set_regionID_1:["light",234,5]>


 * 代表区域1会将img/system/pictures/light展示出来，并且不透明度为234(0~255，数字越低越不透明)，z坐标为5(0~10,越高则越高，降低则会被主角或npc遮盖)


*/


 


(function () {


    var old = Spriteset_Map.prototype.createLowerLayer;


    Spriteset_Map.prototype.createLowerLayer = function () {


        old.call(this);


        if ($dataMap.meta.xzr_region) {


            this.createShadowEx();


        }


    };


    Spriteset_Map.prototype.createShadowEx = function () {


        var data = null;//JSON.parse($dataMap.mate.set_region);


        for (var x = 0; x < $gameMap.width() ; x++) {


            for (var y = 0; y < $gameMap.height() ; y++) {


                var id = $gameMap.regionId(x, y);


                if (id != 0) {


                    if ($dataMap.meta["set_regionID_" + id]) {


                        data = JSON.parse($dataMap.meta["set_regionID_" + id]);


                        var _sprite = new Sprite_Shadow(x, y, id, data);


                        this._tilemap.addChild(_sprite);


                    }


                }


            }


        }


    }


    function Sprite_Shadow(x, y, id) {


        this.initialize.apply(this, arguments);


    }


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


    Sprite_Shadow.prototype.constructor = Sprite_Shadow;


    Sprite_Shadow.prototype.initialize = function (x, y, id,data) {


        Sprite.prototype.initialize.call(this);


        this.bitmap = (ImageManager.loadPicture(data[0]));


        this.opacity = data[1];


        this._dataZ = data[2];


        this._cWidth = 0;


        this._cHeight = 0;


        this._realX = x;


        this._realY = y;


        this._isReady = false;


        this.z = parseInt(id);


    }


    Sprite_Shadow.prototype.update = function () {


        Sprite.prototype.update.call(this);


        if (!this._isReady && ImageManager.isReady()) {


            this._cWidth = (this.bitmap.width - 48) / 2;


            this._cHeight = (this.bitmap.height - 48) / 2;


            this._isReady = true;


        }


        this.updatePosition();


    }


 


    Sprite_Shadow.prototype.updatePosition = function () 


    {


        this.z = this._dataZ;


        this.x = this.screenX();


        this.y = this.screenY();


    }


    Sprite_Shadow.prototype.scrolledX = function () {


        return $gameMap.adjustX(this._realX - 0.5);


    };


    Sprite_Shadow.prototype.scrolledY = function () {


        return $gameMap.adjustY(this._realY - 1);


    };


    Sprite_Shadow.prototype.screenX = function () {


        var tw = $gameMap.tileWidth();


        return Math.round((this.scrolledX() * tw + tw / 2)-this._cWidth);


    };


    Sprite_Shadow.prototype.screenY = function () {


        var th = $gameMap.tileHeight();


        return Math.round((this.scrolledY() * th + th)-this._cHeight);


    };


})();

初衷是作为光影脚本，如今并没有素材来实现这个功能wwww
可以把图片作为图层插入到游戏里面，图片要是正方形，并且不能小于48*48，图片会以区域所在位置居中

用它来实现影子是个不错的选择！光效勉勉强强应该也可以用它实现，不过需要一个圆形的渐变光图片作为素材，作为额外图层可以用来修饰地图！
对窗户用简单的光源修饰后~

q282626598 · 发表于 2017-11-5 09:06:52

好东西先收藏了。如果能使用动态图那就更好了。

89444640 · 发表于 2017-11-5 09:23:24

圆形渐变光？你存一下下边的看下是不是这样？这个是透明背景的png，因为是白光，应该是看不到。

雪在燃 · 发表于 2017-11-5 09:42:11

本帖最后由雪在燃于 2017-11-5 09:45 编辑

89444640 发表于 2017-11-5 09:23
圆形渐变光？你存一下下边的看下是不是这样？这个是透明背景的png，因为是白光，应该是看不到。

原图太大了，缩小了2个版本，然后用插件试了试

人物在图片下会受到影响（原版阴影没有该效果）

芯☆淡茹水 · 发表于 2017-11-5 12:14:34

本帖最后由芯☆淡茹水于 2017-11-5 12:17 编辑

最简单的光影效果，用一张覆盖整个地图的 bitmap，填充黑色。
然后判断光源坐标点，坐标点位置黑色 alpha 值为 0，然后往四周辐射 alpha 值递增，直到与“黑暗”地方的 alpha 值相同。高亮的地方，比如光源点附近，可以填充白色来调节。
当然那些遮挡，射线什么的，那就是高级判断。

jianghe006 · 发表于 2023-6-11 17:27:27

这个帖子中的代码怎么用？谁会搞，求教。我想实现的功能是，在某张地图上显示一张图片（比如一张试卷）然后玩家在图片上进行各种标记，最后给个评价。
但是普通显示的图片在人物的上方，很不和谐。如何让显示的图片在人物和npc的下方。这个帖子好像可以，但是如何一步一步搞，我盲人摸象搞了半天，都不对，望高手指点。

雪在燃 · 发表于 2023-11-29 11:27:44

jianghe006 发表于 2023-6-11 17:27
这个帖子中的代码怎么用？谁会搞，求教。我想实现的功能是，在某张地图上显示一张图片（比如一张试卷）然后 ...

项目文件夹需要有对应的图片文件，比如light，然后在对应地图使用备注
<set_regionID_1:["light",255,5]>
此时使用地图区域1，就会在区域1显示图片，并展示出来
后面的255和5调整一下，主要调整5，看看能不能出现合适的显示效果

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

[原创发布] 区域作为图层使用

加入我们，或者，欢迎回来。

评分

点评

开拓者