Weird canvas dimensions cause blurry render.

You can observe this in the examples, find the canvas DOM node and compare the style dimensions with the canvas height and width attributes. Presumably, the ~2x difference visibly causes a blurry image:

Compare this with zooming out by 50%, the render is crisp.

I first noticed this in a project of mine that I did in both vanilla three.js and react-three-fiber, both using the exact same geometry, but the latter appearing blurry.

[drcmda]

yep, it divides it by two, i saw this in some three js examples and assumed this is the default. either way, i pushed an update that just doesn’t declare any pixelratio, three defaults to 1. you can set one by doing Canvas pixelRatio={…}

[tstelzer]

👍 Works great! Thanks!