royibernthal Posted June 11, 2017 Share Posted June 11, 2017 I have a very small pixi app, which I embed in Ionic 3 and run on mobile (android). It loads a long list of images via PIXI.Loader, and once they are all loaded it starts changing them - every time a new image is tweened into the screen, and the previous image is tweened out of the screen. There are 2 Sprite components on screen at all times which I'm reusing every time I tween the images in and out. (by changing coordinates and texture) The problem is, every time I change the texture of the sprite that comes in, there's a lag on the phone for a few moments, as if it takes some time to render. In the beginning I created this little functionality by css tweening images in the DOM, which lagged more, but I was very surprised to see that it lags when using WebGL / Canvas. My goal is for each texture change to be very smooth with no lag at all. Do you have any idea how I can achieve that? Other than optimizing the images themselves. Quote Link to comment Share on other sites More sharing options...
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.