Retina / HDPI screens

[okydk]

Currently scenes looks pixelated on iPhones and Retina macs.
It would be great if the renderer took the window.devicePixelRatio into account when resizing the canvas. 😀

[klevron]

We should may be use this by default : renderer.setPixelRatio( window.devicePixelRatio ); (it is used by default on threejs examples) ?

Or introduce a dpr option like in r3f ?

[SaFrMo]

Adding a dpr option, with a fallback to detecting and using the window's dpr, makes sense to me!

[klevron]

Sorry I am really late on this one.
Added a pixelRatio prop : 60eee1a
I will release asap 0.3.4

[HerrHansen]

Hi @klevron,

(Before I come with problems: I am new to troisJS, and I like it very much. It is great! Thank you for that!♥️)

Setting pixelRatio to 2, doubles the width and height of <canvas> in DOM.
Because of that, my orbit control doesn't work right in viewport, I just see one quarter of the Three scene.

Setting :width="computedWindowWidth" (window.innerWidth * 0.5 + 'px') and :height="computedWindowHeight" (docu says it is number, but that has no effect and TS is complaining) as props to renderer, is fixing the one quarter problem. But then the resolution is still pixelated.

How do you make pixelRatio prop working as expected, please?