WebGLDeferredRenderer is broken on retina display

[brianchirls]

See attached screenshot of the deferred point lights example. This is on a late 2013, 15-inch Retina MacBook Pro, with NVIDIA GeForce GT 750M 2048 MB. It looks the same in both Firefox and Chrome. Runs fine on my office machine, which does not have a retina display. Both of the other deferred renderer examples have similar results.

[brianchirls]

The major problem is here:
https://github.com/mrdoob/three.js/blob/master/examples/webgldeferred_pointlights.html#L354

HEIGHT = window.innerHeight - 2 * MARGIN;

Once MARGIN is defined, the scene works but we still have the usual 1/4 screen retina display bug.

[brianchirls]

WebGLDeferredRenderer multiplies the canvas dimensions by devicePixelRatio, and then it passes those dimensions on to WebGLRenderer which multiplies it again. So the canvas is much bigger than it should be.

[mrdoob]

The devicePixelRatio logic has been changed a bit. Could you try the version in https://github.com/mrdoob/three.js/archive/dev.zip?

[brianchirls]

I didn't see those new commits. Yeah, that does it. Thanks!

[brianchirls]

Actually, there is still the issue with the undeclared MARGIN variable, though it has nothing to do with retina display.

[mrdoob]

Fixed! :)