Change Upper Layer Opacity (Tileset)

[tomkay91]

Hello,

can you guys give me a hint where I can find the tilemap layers objects of my game map?
I didn't find anything in the debug tools. I tried this.$gameMap and other object but I had no luck…
I want to change the opacity of e.g. the upper layer (above player).

Is there a way to debug this on runtime or anyway to manipulate it?

I have little experience with PIXI and RPG MAKER MV'S core.
So please don't be offended by my lack of knowledge!

 

[Andar]

I think you should give a better explanation of what you want to do (in game terms) instead of how you want to do it (change opacity).

Because I think you mixed up several things here and try to go at it from the wrong way...

Even the regular upper layer of the map is below player - the only tiles above the player are star tiles, and those are placed there by override because their regular tile position is below player.

And why do you want to change the opacity by javascript? For most uses you can simply change it in the tileset picture, or set it as an event and then change the opacity of the event (for which there are event commands, no need to go into javascript either)

 

[tomkay91]

Thank you for your reply,

in game terms: When a switch is on true I want to fade out (300ms) the roof of a house. I can do this but it has no tweening, no transition effect. I want a smooth transition.


Technically I use the TileD plugin and I've configured a layer for the roof. I just try to find the entity in the debug bar and try to manipulate the opacity (or alpha value).

 

[mogwai]

The event bitmaps and tile layers are in the ...

SceneManager._scene._spriteset._tilemap

Just the tile flags are in...

SceneManager._scene._spriteset._tileset

I'll have to tinker with this to learn how to change opacity on the upper layer.

EDIT:
Ok. I tinkered with it and I learned how to change the "alpha" on the star-passable tiles (upper layer) but it only takes 1 and 0.

SceneManager._scene._spriteset._tilemap.children[0].tilemap.upperZLayer.alpha = 0;

 

[tomkay91]

This effect is exactly what I have now in my project. It works – but I like to see a smooth transition
I'm not sure about PIXI but I try to use an extra filter or something for this layer. Maybe I can just force it to change the opacity/alpha.

 

[Trihan]

You can get interim effects by making it a fraction of 1; you can set it to 0.9, 0.8, 0.7 etc.

 

[mogwai]

I'm messing with the bitmaps right now in ShaderTilemap, but it seems upper layer bitmaps share the same sprite or whatever so decreasing opacity on one decreases opacity on all.

 

[tomkay91]

My TileD layers use "CompositeRectTileLayer". Apparently they don't use parameters for use of opacity/alpha.

var layer = new PIXI.tilemap.CompositeRectTileLayer(zIndex, [], useSquareShader);

YED_Tiled.js (TileD plugin)

function CompositeRectTileLayer() {
    PIXI.Container.apply(this, arguments);
    this.initialize.apply(this, arguments);
}

pixi-tilemap.js

 

[Kes]

Maybe Iavra's Animate Everything plugin would do what you want.
I use the Ace version of this, and it makes beautifully smooth fadeout/fadein effects, as well as other things.