ParticleContainer with viewport

[SebastianMtl]

Hi !

I try to use particleContainer with viewport but it don't seem to work together .

Maybe just a bad code line ?

https://codesandbox.io/s/quirky-bird-hjq5o?file=/src/App.vue

[ivan.popelyshev]

ParticleContainer doesnt work with interaction, its one of limitations. Also it doesnt have bounds. Maybe it affects your app.

Edited June 2, 2020 by ivan.popelyshev

[SebastianMtl]

Ok for interaction, but when I have both ( particle container and viewport ) in the init like this : 

            this.app.stage.addChild(this.container);
            this.app.stage.addChild(this.viewport);

in witch one ,should I put  the sprites I display ?

            drawNewTile(x, y) {
                const square = new PIXI.Sprite(PIXI.Texture.WHITE);
                square.x = x;
                square.y = y;
                square.width = square.height = 25;
                square.tint = 0xC1DBE3;
              //  this.viewport.addChild(square);
          //   Or
              //  this.container.addChild(square);

            },

 

[ivan.popelyshev]

Using same number of  elements in ParticleContainer and viewport kills all perf optimizations. I'm sorry I dont have time to explain all those things, I can only recommend to read previous threads about tilemap optimizations

[SebastianMtl]

@ivan.popelyshev it is possible to:

1 -add particle container to app.stage

2- add sprites to viewport

3 - add viewport to particle container ?

 

When I do like that I have a error in console

[ivan.popelyshev]

ParticleContainer likes only sprites as children, not containers.

ParticleContainer should be used when you dont need updateTransform() , interaction and other things and you want to go fast. In this case you want both - that's not for ParticleContainer.

Edited June 2, 2020 by ivan.popelyshev