[Javascript] Higher DPI for Retina

Nahkranoth

I tried to make the spine javascript runtime work on a higher DPI for retina screens. The common trick mentioned somewhere else on this forum: https://www.khronos.org/webgl/wiki/HandlingHighDPI

Sadly in the mentioned post on this forum, the discussion is not finished - and no answer is really given:
http://esotericsoftware.com/forum/how-to-make-webgl-exports-look-good-on-retina-screens-8004?p=37416&hilit=webgl+retina#p37416

I tried the trick mentioned by Khronos - which (as mentioned in the forum post) is automatically reversed by the Spine runtime. Was there any follow up somewhere else on the suggested overwriting of the widget.resize()?

I was wondering what the current recommended way is for allowing for retina screen on the spine WebGL context.

Mario

This has actually been implemented in the Widget, see spine-runtimes/Widget.ts at c6f31e6310833caa57da496db6bb04965d1e88c7

If this doesn't work for you, please provide me with a reproduction sample so I can try to fix any bugs you may have encountered.

Nahkranoth

Thanks, that points me in the right direction. I see now that we're not using the Widget directly - but have integrated the runtime in our platform. The code to do that looks similar to the code of the widget but is outdated compared to that. Thanks!

Mario

The spine-ts WebGL runtime does not manage retina, that's up to the user of the runtime, as you are in control of the canvas and surrounding CSS.