2D Quad Projections - Flickerings and Low Performance on Mobile

[JoshuaLeeHRG]

Hi,

I've having some issues with 2D Quad Projections. On my s7, I've noticed despite 60fps~, the projections are flickering away even without any animations applied. The flickering looks like it's struggling to project the deformed quad during the refresh.
Additionally on iPhoneXS it was performing around 30fps.

Below is a demo of a carousel using 2D Quad Projections. (To watch the carousel rotate, touch anywhere on screen)
https://joshualeehrg.github.io/CarouselPIXIProjectionDemo/

Source code:
https://github.com/JoshuaLeeHRG/CarouselPIXIProjectionsDemo

Could I get some help as to what I may have possibly done wrong?
Additionally, it seems with my setup of Typescript + Webpack using the lastest PIXI (v6~) and PIXI-Projections, I don't have access to .on() and .interactives, etc? Unsure why that is the case.

Thanks for any help!

[ivanpopelyshev]

the projections are flickering away even without any animations applied.
send a video please.

Im not sure how it flickers. From PC it looks like you dont have anisotropic mips and there's no other way to fix that except anisotropy

Additionally on iPhoneXS it was performing around 30fps.

my implementation is straightforward. If its 30fps - then webgl is fucked on that particular version of OS on that phone
You might want to look in the profile, whether its your code or pixi-projection fail

[JoshuaLeeHRG]

Hi @ivanpopelyshev, thanks for responding so quickly! Please see attached video of the flickering.

Sorry not very experienced with using PIXI, it's quite possible I have done something wrong in my setup and use of PIXI, though I'm unsure what it might be.

Pixi-Projection-Flickering.mp4

[ivanpopelyshev]

oh, that's not good. That means our batch renderer is doing something wrong. I have account on Browserstack, i'll be able to test it, but i dont know exactly when.

[JoshuaLeeHRG]

No worries, thank you for taking the time to look into this. Appreciate all the work you guys put into Pixi~