What is the best way to distribute Pixi.Container in different Divs (html elements)?

[Noturnoo]

 

Example, I have 6 divs inside my body, and wanted to add a container for each div:
eg.: <div id = "one"> Pixi.Container 1 </ div>, 
<div id = "two"> Pixi.Container 2</ div>,

..... 
<div id = "six"> Pixi.Container 6 </ div>

and so on, is there a way to do this without having to instantiate several Pixi App?

[ivan.popelyshev]

Instantiate several renderers instead. Application is a mashup class that you have to rewrite if you have different set of components: https://github.com/pixijs/pixi.js/blob/dev/src/core/Application.js

This article is correct in everything except "interactionManager", its actually embedded into renderer: https://github.com/pixijs/pixi.js/wiki/v5-Custom-Application-GameLoop

[Noturnoo]

Thanks a lot for responding, instantiating multiple app, can it impact performance? Well I'll use Pixi to manipulate images, and some of them will be in FullScreen.

[ivan.popelyshev]

you have to initialize multiple renderers in your own app that you write with your hands, possibly by copying pixi application code.

yes, it can impact performance, and number of renderers in your system is llimited.