search

phetsims / color-vision

"Color Vision" is an educational simulation in HTML5, by PhET Interactive Simulations.
http://phet.colorado.edu/en/simulation/color-vision
GNU General Public License v3.0
1 stars 7 forks source link

OSX Firefox stutters on RGB screen after adjusting sliders #42

Closed aaronsamuel137 closed 8 years ago

aaronsamuel137 commented 10 years ago

Testing on firefox on OSX, I noticed that very reliably there will be a stutter a few frames after adjusting any of the sliders. It seems like a frame with an especially long dt gets interjected somehow. The stutter happens before the photons have time to reach the eye. It happens with uncanny consistency in this situation and not in any others that I have noticed.

It also creates a small gap in the photon stream, as is shown in the picture.

screen shot 2014-06-25 at 9 59 15 am

I'd be curious if anyone else can reproduce or has ideas about what is causing it.

jonathanolson commented 10 years ago

Noted on Skype that it seems tied to Firefox switching the rendering quality from lower on moving SVG items to high quality when not moving (after a delay where it hasn't been moving). It describes this issue, and setting everything to canvas prevents it from happening.

Potential workarounds (I believe 1 didn't do much):

  1. { layerSplit: true } on something just containing the sliders, so the quality switch isn't as notable.
  2. Forcing the sliders to Canvas (either all browsers, or Firefox).
aaronsamuel137 commented 10 years ago

@jonathanolson and I decided to wait until scenery 0.2 is ready before spending more time on this, as it might disappear.

Some changes made in fixing #18 eliminated the gap problem, so now it is just a little stutter.

pixelzoom commented 8 years ago

Unfortunately there's no info in this issue about which version of Firefox and Mac OS X was used to produce the problem.

Testing with Firefox 44.0.2 on Mac OS X 10.11.3, I see no gap in the photon stream. So closing.