4 ms·

This is very true. I built a game to go along with our wedding invitations. I’ve been maintaining it for the past 6 months, and it has stopped working on one br

This is very true. I built a game to go along with our wedding invitations. I’ve been maintaining it for the past 6 months, and it has stopped working on one browser or the other multiple times. This is despite the fact that I’m using a popular actively maintained JavaScript engine. It noticed just a few days ago that is wasn’t working on my iPhone because mobileSafari decided to stop reporting itself as safari and only as “mobile safari”.

StavrosK 6y ago
Why do things break? The underlying primitives are as simple as a canvas element, no? I'd think it would be hard to break an array of literal pixels.
- jan_Inkepa 6y ago
  Sound stuff is still pretty unstable.
- jayd16 6y ago
  Well for starters even getting a canvas based UI working that supports all DPIs, all aspect ratios, live resize, clicks, and multi-touches is non-trivial.
  - sfjailbird 6y ago
    Not to mention text input.
  - pjmlp 6y ago
    And unless we do some strange CSS tricks to force acceleration, there isn't even the guarantee that canvas is doing hardware acceleratd drawings.
- learc83 6y ago
  Audio is what was breaking. Also WebGL outperforms canvas, and it’s more complex than drawing a bitmap to the screen.
onion2k 6y ago
It noticed just a few days ago that is wasn’t working on my iPhone because mobileSafari decided to stop reporting itself as safari and only as “mobile safari”. That points to your code doing browser agent sniffing. There are much better approaches to feature detection these days, precisely because of the issue you've encountered. I can recommend https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Feature_detection https://developer.mozilla.org/en-US/docs/Learn/Tools_and_tes... as a good place to start.
- learc83 6y ago
  It wasn’t my code, it was engine code, and it was a problem where Safari reports that it doesn’t support a feature that it actually does.

StavrosK 6y ago

Why do things break? The underlying primitives are as simple as a canvas element, no? I'd think it would be hard to break an array of literal pixels.

jan_Inkepa 6y ago
Sound stuff is still pretty unstable.
jayd16 6y ago
Well for starters even getting a canvas based UI working that supports all DPIs, all aspect ratios, live resize, clicks, and multi-touches is non-trivial.
- sfjailbird 6y ago
  Not to mention text input.
- pjmlp 6y ago
  And unless we do some strange CSS tricks to force acceleration, there isn't even the guarantee that canvas is doing hardware acceleratd drawings.
learc83 6y ago
Audio is what was breaking. Also WebGL outperforms canvas, and it’s more complex than drawing a bitmap to the screen.

onion2k 6y ago

It noticed just a few days ago that is wasn’t working on my iPhone because mobileSafari decided to stop reporting itself as safari and only as “mobile safari”. That points to your code doing browser agent sniffing. There are much better approaches to feature detection these days, precisely because of the issue you've encountered. I can recommend https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Feature_detection https://developer.mozilla.org/en-US/docs/Learn/Tools_and_tes... as a good place to start.

learc83 6y ago
It wasn’t my code, it was engine code, and it was a problem where Safari reports that it doesn’t support a feature that it actually does.