window.devicePixelRatio support?

I’m struggling to decide whether three.js should handle window.devicePixelRatio internally or not.

This would mean adding this kind of code to each renderer:

var ratio = window.devicePixelRatio || 1;

canvas.width = width * ratio;
canvas.height = height * ratio;

canvas.style.width = width + 'px';
canvas.style.height = height + 'px';

The good thing is that people wouldn’t have to worry about having to implement it on their end. But I don’t know what the bad things would be. I’m sure this could lead to some confusion at some point.

[mrdoob]

😊

[that-ben]

MY FACE WHEN I DISCOVERED renderer.setPixelRatio(1)

Thanks Ricardo for talking about this! That small detail by itself made my 3D FPS implementation achieve almost 60fps without changing anything else. Incredibly useful for mobile devices and horrible laptop GPU’s.