Pixi.js V5 - isometric tile map

[h3xed]

Hi,

I have problem with isometric tilemap rendering. Rendered map looks like chessboard and i can't find problem source.

Example on codepen:

https://codepen.io/h3xed/pen/eYBOOLx

Someone know what is wrong?

[ivan.popelyshev]

Because if you use graphics for it, you have to supply texture offset too. Did you see parameter "matrix" in beginTextureFill?

Also you can use sprites or pixi-tilemap. Basically, for many tiles , sprites << graphics << pixi-tilemap. And you need good high-level algo to separate your map into several chunks

Edited January 27, 2021 by ivan.popelyshev

[h3xed]

Thank you Ivan for help! Yes i seen this parametr and i will try set it correctly.

I tried to use pixi-tilemap but it's not compatible with Pixi v5 (or i did something wrong).

3 hours ago, ivan.popelyshev said:

And you need good high-level algo to separate your map into several chunks

I want render only tiles existing in current camera view and i hope that this will be enough.

Edited January 27, 2021 by h3xed

[ivan.popelyshev]

it is compatible with v5 but we are testing special features for modules on it so if you have example where it doesnt work, please zip it and post here

[h3xed]

Now i checked that i must pull from v5 branch.  And all works fine. Very thanks for help!

[ivan.popelyshev]

yeah, v5 is a bit older than master, might work ) 

we are experimenting with v6 in master, maybe that why it didnt work