浏览代码

Added support for offset (non-centered) frustum in CSS3DRenderer

Peter Varga 6 年之前
父节点
当前提交
51ac008470
共有 1 个文件被更改,包括 8 次插入1 次删除
  1. 8 1
      examples/js/renderers/CSS3DRenderer.js

+ 8 - 1
examples/js/renderers/CSS3DRenderer.js

@@ -291,8 +291,15 @@ THREE.CSS3DRenderer = function () {
 
 
 		if ( camera.parent === null ) camera.updateMatrixWorld();
 		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 ?
 		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 );
 			'translateZ(' + fov + 'px)' + getCameraCSSMatrix( camera.matrixWorldInverse );
 
 
 		var style = cameraCSSMatrix +
 		var style = cameraCSSMatrix +