diff --git a/examples/js/renderers/CSS3DRenderer.js b/examples/js/renderers/CSS3DRenderer.js index 17b764f3d6668b04fdc2d3e783077754a77edd1d..c22196a3d074bddfa7d714293e329c9824369820 100644 --- a/examples/js/renderers/CSS3DRenderer.js +++ b/examples/js/renderers/CSS3DRenderer.js @@ -291,8 +291,15 @@ THREE.CSS3DRenderer = function () { if ( camera.parent === null ) camera.updateMatrixWorld(); + if ( camera.isOrthographicCamera ) { + + var tx = - ( camera.right + camera.left ) / 2; + var ty = ( camera.top + camera.bottom ) / 2; + + } + var cameraCSSMatrix = camera.isOrthographicCamera ? - 'scale(' + fov + ')' + getCameraCSSMatrix( camera.matrixWorldInverse ) : + 'scale(' + fov + ')' + 'translate(' + epsilon( tx ) + 'px,' + epsilon( ty ) + 'px)' + getCameraCSSMatrix( camera.matrixWorldInverse ) : 'translateZ(' + fov + 'px)' + getCameraCSSMatrix( camera.matrixWorldInverse ); var style = cameraCSSMatrix +