Ostatnimi czasy spędziłem dosyć dużo czasu z PIXI.js. Jest to rewelacyjna biblioteka do renderowania gier 2D. W połączeniu z silnikiem do fizyki Matter.js można zbudować świetnie rzeczy, bardzo szybko. Jednak nie będąc ekspertem w tematyce optymalizacji gier pod względem wydajności na słabych laptopach, można nadziać się nieszczęśnie i ryzykować podgrzanie komuś domu poprzez niepotrzebną utylizację GPU (gorący bug na Lipiec 2021).
Nieoczywista głupota 1 - zbyt częsta zmiana rozmiaru PIXI.Container:
PIXI.Container, we własnych słowach, to jakby tablica korkowa do której można wstawić tekstury, tekst, filtry etc. Jest to przydatny element, używany bardzo popularnie ale...
...problemem na który się nadziałem to zbyt częsta zmiana parametrów width i height. Robiłem to w każdej klatce gry (mea culpa). Z jedną operacją zmiany rozmiaru PIXI.Container, zmienimy rozmiar wszystkich elementów które on zawiera. W liniowej zależności od ilości elementów zawartych w PIXI.Container, jest to droga operacja, którą lepiej omijać jak Janusza z maską pod nosem.
PixiJS - The HTML5 Creation Engine. Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.
http://www.pixijs.com/home