diff --git a/examples/js/renderers/CSS3DRenderer.js b/examples/js/renderers/CSS3DRenderer.js index 31782406c910545bee85ec1fac0ba3dc90e357f7..a89e679f42cda04159a8daedbea60912532fc20b 100644 --- a/examples/js/renderers/CSS3DRenderer.js +++ b/examples/js/renderers/CSS3DRenderer.js @@ -91,24 +91,24 @@ THREE.CSS3DRenderer = function () { var elements = matrix.elements; - return ['matrix3d(' , - epsilon(elements[0]) , ',' , - epsilon(-elements[1]) , ',' , - epsilon(elements[2]) , ',' , - epsilon(elements[3]) , ',' , - epsilon(elements[4]) , ',' , - epsilon(-elements[5]) , ',' , - epsilon(elements[6]) , ',' , - epsilon(elements[7]) , ',' , - epsilon(elements[8]) , ',' , - epsilon(-elements[9]) , ',' , - epsilon(elements[10]) , ',' , - epsilon(elements[11]) , ',' , - epsilon(elements[12]) , ',' , - epsilon(-elements[13]) , ',' , - epsilon(elements[14]) , ',' , - epsilon(elements[15]) , - ')'].join(''); + return 'matrix3d(' + + epsilon( elements[ 0 ] ) + ',' + + epsilon( - elements[ 1 ] ) + ',' + + epsilon( elements[ 2 ] ) + ',' + + epsilon( elements[ 3 ] ) + ',' + + epsilon( elements[ 4 ] ) + ',' + + epsilon( - elements[ 5 ] ) + ',' + + epsilon( elements[ 6 ] ) + ',' + + epsilon( elements[ 7 ] ) + ',' + + epsilon( elements[ 8 ] ) + ',' + + epsilon( - elements[ 9 ] ) + ',' + + epsilon( elements[ 10 ] ) + ',' + + epsilon( elements[ 11 ] ) + ',' + + epsilon( elements[ 12 ] ) + ',' + + epsilon( - elements[ 13 ] ) + ',' + + epsilon( elements[ 14 ] ) + ',' + + epsilon( elements[ 15 ] ) + + ')'; } @@ -116,24 +116,24 @@ THREE.CSS3DRenderer = function () { var elements = matrix.elements; - return ['translate3d(-50%,-50%,0) matrix3d(' , - epsilon( elements[ 0 ] ) , ',' , - epsilon( elements[ 1 ] ) , ',' , - epsilon( elements[ 2 ] ) , ',' , - epsilon( elements[ 3 ] ) , ',' , - epsilon( - elements[ 4 ] ) , ',' , - epsilon( - elements[ 5 ] ) , ',' , - epsilon( - elements[ 6 ] ) , ',' , - epsilon( - elements[ 7 ] ) , ',' , - epsilon( elements[ 8 ] ) , ',' , - epsilon( elements[ 9 ] ) , ',' , - epsilon( elements[ 10 ] ) , ',' , - epsilon( elements[ 11 ] ) , ',' , - epsilon( elements[ 12 ] ) , ',' , - epsilon( elements[ 13 ] ) , ',' , - epsilon( elements[ 14 ] ) , ',' , - epsilon( elements[ 15 ] ) , - ')'].join(''); + return 'translate3d(-50%,-50%,0) matrix3d(' + + epsilon( elements[ 0 ] ) + ',' + + epsilon( elements[ 1 ] ) + ',' + + epsilon( elements[ 2 ] ) + ',' + + epsilon( elements[ 3 ] ) + ',' + + epsilon( - elements[ 4 ] ) + ',' + + epsilon( - elements[ 5 ] ) + ',' + + epsilon( - elements[ 6 ] ) + ',' + + epsilon( - elements[ 7 ] ) + ',' + + epsilon( elements[ 8 ] ) + ',' + + epsilon( elements[ 9 ] ) + ',' + + epsilon( elements[ 10 ] ) + ',' + + epsilon( elements[ 11 ] ) + ',' + + epsilon( elements[ 12 ] ) + ',' + + epsilon( elements[ 13 ] ) + ',' + + epsilon( elements[ 14 ] ) + ',' + + epsilon( elements[ 15 ] ) + + ')'; } @@ -147,7 +147,7 @@ THREE.CSS3DRenderer = function () { this.domElement.style.perspective = fov + "px"; var objects = _projector.projectScene( scene, camera, false ).objects; - + var style = "translate3d(0,0," + fov + "px)" + getCameraCSSMatrix( camera.matrixWorldInverse ) + " translate3d(" + _widthHalf + "px," + _heightHalf + "px, 0)"; this.cameraElement.style.WebkitTransform = style;