bildha Posted December 1, 2017 Share Posted December 1, 2017 This little project I'm working on used this excellent proof of concept as a reference for creating a responsive, interactive parallax experience. Check it out to get a good idea of what's going on with my project. My project is built and I'm currently going through and fixing cross-browser compatibility bugs. The problem I'm having is that I'm seeing significant FPS drops. On my 2 year old MBP I'm able to run it at a consistent 60fps on Chrome and Firefox but it gets a bit choppy in Safari. Alternatively, on an older windows 7 laptop it runs very slowly (~10 fps) on IE11 and FF but runs at 60fps on Chrome (btw, that laptop has an Intel HD 3000 integrated gpu and an i5-2450M cpu). So in this case it seems like it may be more browser-related than hardware. It's also important to note that in my project I'm not Tweening the objects' animations as they move around the screen (I'm only using it when they are shown or hidden) however, the codepen demo above runs fine on the older windows 7 laptop but shows similar performance issues in Safari on my MBP. And more specifically with Safari, the performance improves as the size of the browser window decreases (even though the same number of images are being rendered and repositioned. In fact if I only render one image it's still choppy at larger screen sizes but smooth when it hits about 1200px wide). Any thoughts on whether this could be further optimized? Is there any way I can make improvements to the animation system that would significantly improve the performance in these configurations? By the way, in the attached script you'll see some working features commented out (such as the animated sprite). These had very little impact on the framerate but I've left them commented out anyway. Also, the performance improves as I remove objects but I don't see much of an improvement until about 80–85% of them are gone. Edit: Forgot to mention that I'm using Pixi 4.6.2 main.js 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.