The globe spins slower in safari

[ConsoleTVs]

Same configuration, globe spins faster in chrome/firefox than safari

[ConsoleTVs]

Turns out is twice as fast for some reason lol;

workaround meanwhile:

// Detect browser
const isSafari = Boolean(
    navigator.vendor &&
      navigator.vendor.indexOf("Apple") > -1 &&
      navigator.userAgent &&
      navigator.userAgent.indexOf("CriOS") == -1 &&
      navigator.userAgent.indexOf("FxiOS") == -1
  );

// The onRender property on the configuration: (just double the value for safari)
state.phi = phi += isSafari ? 0.006 : 0.003;

[shuding]

That's weird, is it possible that there's some FPS-limiting (requestAnimationFrame) configuration in your Safari browser?

[ConsoleTVs]

I'll check but I have never tweaked those settings, so they should be the default... Does it work well for you?

[shuding]

Yeah it works well for me

[ConsoleTVs]

Alright, ill make some tests and see if I come up with anything

[Mayank-Sh07]

This could be related to safari not supporting high refresh rates in older versions. A possible fix for such animation speed differences would be to compute the delta time as suggested in #13. Here's a good read for the same.

Ensuring Consistent Animation Speeds

[shuding]

Tracking in #13.