Project1

标题: 区域作为图层使用 [打印本页]

作者: 雪在燃    时间: 2017-11-5 00:03
标题: 区域作为图层使用
本帖最后由 雪在燃 于 2017-11-5 11:59 编辑

使用区域id作为额外的图片展示,具体代码如下
JAVASCRIPT 代码复制
  1. /*:
  2.  * @plugindesc 区域图层插件
  3.  * @author 雪在燃
  4.  * v:1.2
  5.  * @help
  6.  *  区域图层插件
  7.  * 使用地图备注编写<xzr_region:on>打开该功能(注,设置为任意都将打开功能,只有删除该行才会关闭功能)
  8.  * 以下是一个事例
  9.  * <set_regionID_1:["light",234,5]>
  10.  * 代表区域1会将img/system/pictures/light展示出来,并且不透明度为234(0~255,数字越低越不透明),z坐标为5(0~10,越高则越高,降低则会被主角或npc遮盖)
  11. */
  12.  
  13. (function () {
  14.     var old = Spriteset_Map.prototype.createLowerLayer;
  15.     Spriteset_Map.prototype.createLowerLayer = function () {
  16.         old.call(this);
  17.         if ($dataMap.meta.xzr_region) {
  18.             this.createShadowEx();
  19.         }
  20.     };
  21.     Spriteset_Map.prototype.createShadowEx = function () {
  22.         var data = null;//JSON.parse($dataMap.mate.set_region);
  23.         for (var x = 0; x < $gameMap.width() ; x++) {
  24.             for (var y = 0; y < $gameMap.height() ; y++) {
  25.                 var id = $gameMap.regionId(x, y);
  26.                 if (id != 0) {
  27.                     if ($dataMap.meta["set_regionID_" + id]) {
  28.                         data = JSON.parse($dataMap.meta["set_regionID_" + id]);
  29.                         var _sprite = new Sprite_Shadow(x, y, id, data);
  30.                         this._tilemap.addChild(_sprite);
  31.                     }
  32.                 }
  33.             }
  34.         }
  35.     }
  36.     function Sprite_Shadow(x, y, id) {
  37.         this.initialize.apply(this, arguments);
  38.     }
  39.     Sprite_Shadow.prototype = Object.create(Sprite.prototype);
  40.     Sprite_Shadow.prototype.constructor = Sprite_Shadow;
  41.     Sprite_Shadow.prototype.initialize = function (x, y, id,data) {
  42.         Sprite.prototype.initialize.call(this);
  43.         this.bitmap = (ImageManager.loadPicture(data[0]));
  44.         this.opacity = data[1];
  45.         this._dataZ = data[2];
  46.         this._cWidth = 0;
  47.         this._cHeight = 0;
  48.         this._realX = x;
  49.         this._realY = y;
  50.         this._isReady = false;
  51.         this.z = parseInt(id);
  52.     }
  53.     Sprite_Shadow.prototype.update = function () {
  54.         Sprite.prototype.update.call(this);
  55.         if (!this._isReady && ImageManager.isReady()) {
  56.             this._cWidth = (this.bitmap.width - 48) / 2;
  57.             this._cHeight = (this.bitmap.height - 48) / 2;
  58.             this._isReady = true;
  59.         }
  60.         this.updatePosition();
  61.     }
  62.  
  63.     Sprite_Shadow.prototype.updatePosition = function ()
  64.     {
  65.         this.z = this._dataZ;
  66.         this.x = this.screenX();
  67.         this.y = this.screenY();
  68.     }
  69.     Sprite_Shadow.prototype.scrolledX = function () {
  70.         return $gameMap.adjustX(this._realX - 0.5);
  71.     };
  72.     Sprite_Shadow.prototype.scrolledY = function () {
  73.         return $gameMap.adjustY(this._realY - 1);
  74.     };
  75.     Sprite_Shadow.prototype.screenX = function () {
  76.         var tw = $gameMap.tileWidth();
  77.         return Math.round((this.scrolledX() * tw + tw / 2)-this._cWidth);
  78.     };
  79.     Sprite_Shadow.prototype.screenY = function () {
  80.         var th = $gameMap.tileHeight();
  81.         return Math.round((this.scrolledY() * th + th)-this._cHeight);
  82.     };
  83. })();

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




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



作者: q282626598    时间: 2017-11-5 09:06
好东西先收藏了。如果能使用动态图那就更好了。
作者: 89444640    时间: 2017-11-5 09:23
圆形渐变光?你存一下下边的看下是不是这样?这个是透明背景的png,因为是白光,应该是看不到。




作者: 雪在燃    时间: 2017-11-5 09:42
本帖最后由 雪在燃 于 2017-11-5 09:45 编辑
89444640 发表于 2017-11-5 09:23
圆形渐变光?你存一下下边的看下是不是这样?这个是透明背景的png,因为是白光,应该是看不到。

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




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

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

作者: jianghe006    时间: 2023-6-11 17:27
这个帖子中的代码怎么用?谁会搞,求教。我想实现的功能是,在某张地图上显示一张图片(比如一张试卷)然后玩家在图片上进行各种标记,最后给个评价。
但是普通显示的图片在人物的上方,很不和谐。如何让显示的图片在人物和npc的下方。这个帖子好像可以,但是如何一步一步搞,我盲人摸象搞了半天,都不对,望高手指点。
作者: 雪在燃    时间: 2023-11-29 11:27
jianghe006 发表于 2023-6-11 17:27
这个帖子中的代码怎么用?谁会搞,求教。我想实现的功能是,在某张地图上显示一张图片(比如一张试卷)然后 ...

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




欢迎光临 Project1 (https://rpg.blue/) Powered by Discuz! X3.1