区域作为图层使用

雪在燃

使用区域id作为额外的图片展示，具体代码如下
[pre lang="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);
    };
})();[/pre]
初衷是作为光影脚本，如今并没有素材来实现这个功能wwww
可以把图片作为图层插入到游戏里面，图片要是正方形，并且不能小于48*48，图片会以区域所在位置居中




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

q282626598

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

89444640

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

雪在燃

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

原图太大了，缩小了2个版本，然后用插件试了试 人物在图片下会受到影响（原版阴影没有该效果）

芯☆淡茹水

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

jianghe006

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

雪在燃

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

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