Displaying tile images using composite tilemaps

[OJs]

I would appreciate any insight and response as regards  composite tilemap

I guess I am still missing some information while still trying to grasp the composite tilemap techniques in PIXIjs

Here is a snippet of the code;

    this.app.loader

         .add('map0', '/assets/level_1/level_0.json') //1 image in json

         .add('map1', '/assets/level_1/level_1.json') // 4 images in json

.load((loader, resources) => {

         let textures =[];

         for (let i=0; i<4; i++){

           const texture = PIXI.Texture.from(`wall1_${i}.png`);

           textures.push(texture)

           const image_1 =  this.app.loader.resources["map1"].textures;

           console.log(image_1)

         }

       });

// While trying to use composite tilemap, however, I believe I am still missing some steps as this is crucial to make the tiles display hence I would appreciate insight on how to get the tiles displayed

on the canvas.

const tilemap = new CompositeTilemap()

    //--Level_1--//

       tilemap.tile(level_1["wall1_0.png"], 1, 1, {

       tileWidth: 256,

       tileHeight: 256,

     });

this.viewport.addChild(tilemap)

 

Regards

[ivan.popelyshev]

Please ask in our discord and prepare minimal demo. Code looks fine

[OJs]

Thanks for your response, Ivan.

Regards