From 51ac0084709d4d3795ccb7119ee24e6a808618df Mon Sep 17 00:00:00 2001 From: Peter Varga Date: Sat, 10 Nov 2018 17:00:15 +0100 Subject: [PATCH] Added support for offset (non-centered) frustum in CSS3DRenderer --- examples/js/renderers/CSS3DRenderer.js | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/examples/js/renderers/CSS3DRenderer.js b/examples/js/renderers/CSS3DRenderer.js index 17b764f3d6..c22196a3d0 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 + -- GitLab