pixel art mode

[vc64web]

pixel art mode

[mithrendal]

found this article https://stackoverflow.com/questions/54393847/how-to-stretch-a-webgl-canvas-without-blurring-the-style-image-rendering-does

seems like safari does support image-rendering attribute only at 2d canvas but not yet at webgl canvas ...

that would explain why it works on snapshot canvas which are 2d canvas ...🤔

[mithrendal]

the proof ... safari with 2d software renderer ... look at the last line of log output😄

firefox can use the attribute also on a webgl canvas ☕️👍🏽

Should we automatically when pixelart=on force the safari to use software renderer instead webgl? Or should we make a new setting for choosing the type of renderer?

In SAE are the following settings

[mithrendal]

they already filed a bug report to the safari developer in january 2019 here https://bugs.webkit.org/show_bug.cgi?id=193895

with the runnable testcase http://jsfiddle.net/greggman/mn9ebgkL/

showing the safari result:

and the firefox result:

[dirkwhoffmann]

Interesting to see that Safari has so many bugs compared to the other browsers.

I just tried VC64web in Firefox. Toggling between crisp and blurred pixels works perfectly. Very well done!

[mithrendal]

I just tried VC64web in Firefox.

What about chrome? Is it better than safari?

I read google fixed it there ... but after they made their own fork of WebKit.

[dirkwhoffmann]

Works perfectly in both Firefox and Chrome. Overall, Chrome seems to be the superior browser, but for some reason, I always use Safari. But I don't know why 🤔.

[mithrendal]

I just tried to change the renderer on the fly with a setting ... not SDL which is fine with that but the browsers canvas API does not allow this. You have to stick to the context "webgl" or "2d" which you initially created all successive calls will be denied by a
/* this is javascript*/
canvas.getContext("2d") ---> NULL

according to the spec:

Every canvas has what is called a primary context. This is the first context that is invoked on a canvas.

surely they have had their reasons for it 🙄

since emscripten SDL2 relies on javascript, now when I change on the fly it crashes with SDL2.ctx is NULL

soooo mean !!!😥

[mithrendal]

What about the setting "use accelerated WebGL" with default = true
and the comment that this setting will becomes active on restart ?
(x) use accelerated WebGL (reload necessary)

[mithrendal]

pushed to gh-pages