Skip to content

Commit b29d839

Browse files
mrdoobmrdoob
committed
CSS3DRenderer: Reverting to String concats.
1 parent 2cbb1ea commit b29d839

1 file changed

Lines changed: 37 additions & 37 deletions

File tree

‎examples/js/renderers/CSS3DRenderer.js‎

Lines changed: 37 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -91,49 +91,49 @@ THREE.CSS3DRenderer = function () {
9191

9292
var elements = matrix.elements;
9393

94-
return ['matrix3d(' ,
95-
epsilon(elements[0]) , ',' ,
96-
epsilon(-elements[1]) , ',' ,
97-
epsilon(elements[2]) , ',' ,
98-
epsilon(elements[3]) , ',' ,
99-
epsilon(elements[4]) , ',' ,
100-
epsilon(-elements[5]) , ',' ,
101-
epsilon(elements[6]) , ',' ,
102-
epsilon(elements[7]) , ',' ,
103-
epsilon(elements[8]) , ',' ,
104-
epsilon(-elements[9]) , ',' ,
105-
epsilon(elements[10]) , ',' ,
106-
epsilon(elements[11]) , ',' ,
107-
epsilon(elements[12]) , ',' ,
108-
epsilon(-elements[13]) , ',' ,
109-
epsilon(elements[14]) , ',' ,
110-
epsilon(elements[15]) ,
111-
')'].join('');
94+
return 'matrix3d(' +
95+
epsilon( elements[ 0 ] ) + ',' +
96+
epsilon( - elements[ 1 ] ) + ',' +
97+
epsilon( elements[ 2 ] ) + ',' +
98+
epsilon( elements[ 3 ] ) + ',' +
99+
epsilon( elements[ 4 ] ) + ',' +
100+
epsilon( - elements[ 5 ] ) + ',' +
101+
epsilon( elements[ 6 ] ) + ',' +
102+
epsilon( elements[ 7 ] ) + ',' +
103+
epsilon( elements[ 8 ] ) + ',' +
104+
epsilon( - elements[ 9 ] ) + ',' +
105+
epsilon( elements[ 10 ] ) + ',' +
106+
epsilon( elements[ 11 ] ) + ',' +
107+
epsilon( elements[ 12 ] ) + ',' +
108+
epsilon( - elements[ 13 ] ) + ',' +
109+
epsilon( elements[ 14 ] ) + ',' +
110+
epsilon( elements[ 15 ] ) +
111+
')';
112112

113113
}
114114

115115
var getObjectCSSMatrix = function ( matrix ) {
116116

117117
var elements = matrix.elements;
118118

119-
return ['translate3d(-50%,-50%,0) matrix3d(' ,
120-
epsilon( elements[ 0 ] ) , ',' ,
121-
epsilon( elements[ 1 ] ) , ',' ,
122-
epsilon( elements[ 2 ] ) , ',' ,
123-
epsilon( elements[ 3 ] ) , ',' ,
124-
epsilon( - elements[ 4 ] ) , ',' ,
125-
epsilon( - elements[ 5 ] ) , ',' ,
126-
epsilon( - elements[ 6 ] ) , ',' ,
127-
epsilon( - elements[ 7 ] ) , ',' ,
128-
epsilon( elements[ 8 ] ) , ',' ,
129-
epsilon( elements[ 9 ] ) , ',' ,
130-
epsilon( elements[ 10 ] ) , ',' ,
131-
epsilon( elements[ 11 ] ) , ',' ,
132-
epsilon( elements[ 12 ] ) , ',' ,
133-
epsilon( elements[ 13 ] ) , ',' ,
134-
epsilon( elements[ 14 ] ) , ',' ,
135-
epsilon( elements[ 15 ] ) ,
136-
')'].join('');
119+
return 'translate3d(-50%,-50%,0) matrix3d(' +
120+
epsilon( elements[ 0 ] ) + ',' +
121+
epsilon( elements[ 1 ] ) + ',' +
122+
epsilon( elements[ 2 ] ) + ',' +
123+
epsilon( elements[ 3 ] ) + ',' +
124+
epsilon( - elements[ 4 ] ) + ',' +
125+
epsilon( - elements[ 5 ] ) + ',' +
126+
epsilon( - elements[ 6 ] ) + ',' +
127+
epsilon( - elements[ 7 ] ) + ',' +
128+
epsilon( elements[ 8 ] ) + ',' +
129+
epsilon( elements[ 9 ] ) + ',' +
130+
epsilon( elements[ 10 ] ) + ',' +
131+
epsilon( elements[ 11 ] ) + ',' +
132+
epsilon( elements[ 12 ] ) + ',' +
133+
epsilon( elements[ 13 ] ) + ',' +
134+
epsilon( elements[ 14 ] ) + ',' +
135+
epsilon( elements[ 15 ] ) +
136+
')';
137137

138138
}
139139

@@ -147,7 +147,7 @@ THREE.CSS3DRenderer = function () {
147147
this.domElement.style.perspective = fov + "px";
148148

149149
var objects = _projector.projectScene( scene, camera, false ).objects;
150-
150+
151151
var style = "translate3d(0,0," + fov + "px)" + getCameraCSSMatrix( camera.matrixWorldInverse ) + " translate3d(" + _widthHalf + "px," + _heightHalf + "px, 0)";
152152

153153
this.cameraElement.style.WebkitTransform = style;

0 commit comments

Comments
 (0)