hello friends! in my 3D CSS powered web game, corru.observer, we've found a troubling and very confusing source of very bad browser performance... sometimes in particular areas, the browser flashes white, then runs very very poorly on ALL TABS, current and future, until you fully close the browser!
you can see an example of it in action here (beware - flickering)
interestingly, we've found it doesn't really have anything to do with the areas being particularly intensive - it's like you're looking at a door funny, or some css animation is happening kinda off-screen or at a weird angle, BOOM, your firefox's hardware acceleration is bricked until the process is restarted. what da heck??
even more particularly, we've found that it has something to do with our stage tile animations, probably... anyway, here's a vertical slice test link where you can easily recreate it: https://b.corru.observer/concepts/firefox/?force&canvasfloor - again, photo-sensitivity warning
on firefox, you should be able to take a few steps, maybe circle the ring, turn near doors, and you'll experience the flash. afterwards, ALL tabs, past and future, will essentially force GPU accel off and run slowly until you restart the browser completely!! (so beware)
we aren't sure if it affects mac/linux users or not, since everyone who got it to happen is on windows... so if you can make it happen, let me know what you're on, and if it was really easy to trigger!! (see update)
just trying to gather as much info as I can about the conditions that cause this right now. we've determined that it probably isn't GPU specific (people with both NVIDIA and AMD have recreated), but no mac users have made it happen yet. especially if you're on mac/linux, please give it a try and let me know!
this is going to make for a very strange mozilla bug report
===
update per comments - probably doesn't happen on mac or linux at all! wow!! thank u all for the info, I didn't expect so much so quickly. knowing this is almost certainly a windows-only thing is very helpful!
