elation-engine 0.9.113 → 0.9.115

package/scripts/external/three/CSS3DRenderer.js

@@ -12,10 +12,11 @@
 
 	class CSS3DObject extends THREE.Object3D {
 
-		constructor( element ) {
+		constructor( element = document.createElement( 'div' ) ) {
 
 			super();
-			this.element = element || document.createElement( 'div' );
+			this.isCSS3DObject = true;
+			this.element = element;
 			this.element.style.position = 'absolute';
 			this.element.style.pointerEvents = 'auto';
 			this.element.style.userSelect = 'none';
@@ -46,13 +47,12 @@
 
 	}
 
-	CSS3DObject.prototype.isCSS3DObject = true;
-
 	class CSS3DSprite extends CSS3DObject {
 
 		constructor( element ) {
 
 			super( element );
+			this.isCSS3DSprite = true;
 			this.rotation2D = 0;
 
 		}
@@ -65,9 +65,8 @@
 
 		}
 
-	}
+	} //
 
-	CSS3DSprite.prototype.isCSS3DSprite = true; //
 
 	const _matrix = new THREE.Matrix4();
 
@@ -75,7 +74,7 @@
 
 	class CSS3DRenderer {
 
-		constructor() {
+		constructor( parameters = {} ) {
 
 			const _this = this;
 
@@ -90,7 +89,7 @@
 				},
 				objects: new WeakMap()
 			};
-			const domElement = document.createElement( 'div' );
+			const domElement = parameters.element !== undefined ? parameters.element : document.createElement( 'div' );
 			domElement.style.overflow = 'hidden';
 			this.domElement = domElement;
 			const cameraElement = document.createElement( 'div' );
@@ -118,8 +117,8 @@
 
 				}
 
-				if ( scene.autoUpdate === true ) scene.updateMatrixWorld();
-				if ( camera.parent === null ) camera.updateMatrixWorld();
+				if ( scene.matrixWorldAutoUpdate === true ) scene.updateMatrixWorld();
+				if ( camera.parent === null && camera.matrixWorldAutoUpdate === true ) camera.updateMatrixWorld();
 				let tx, ty;
 
 				if ( camera.isOrthographicCamera ) {
@@ -181,57 +180,62 @@
 
 				if ( object.isCSS3DObject ) {
 
-					object.onBeforeRender( _this, scene, camera );
-					let style;
+					const visible = object.visible === true && object.layers.test( camera.layers ) === true;
+					object.element.style.display = visible === true ? '' : 'none';
 
-					if ( object.isCSS3DSprite ) {
+					if ( visible === true ) {
 
-						// http://swiftcoder.wordpress.com/2008/11/25/constructing-a-billboard-matrix/
-						_matrix.copy( camera.matrixWorldInverse );
+						object.onBeforeRender( _this, scene, camera );
+						let style;
 
-						_matrix.transpose();
+						if ( object.isCSS3DSprite ) {
 
-						if ( object.rotation2D !== 0 ) _matrix.multiply( _matrix2.makeRotationZ( object.rotation2D ) );
-						object.matrixWorld.decompose( _position, _quaternion, _scale );
+							// http://swiftcoder.wordpress.com/2008/11/25/constructing-a-billboard-matrix/
+							_matrix.copy( camera.matrixWorldInverse );
 
-						_matrix.setPosition( _position );
+							_matrix.transpose();
 
-						_matrix.scale( _scale );
+							if ( object.rotation2D !== 0 ) _matrix.multiply( _matrix2.makeRotationZ( object.rotation2D ) );
+							object.matrixWorld.decompose( _position, _quaternion, _scale );
 
-						_matrix.elements[ 3 ] = 0;
-						_matrix.elements[ 7 ] = 0;
-						_matrix.elements[ 11 ] = 0;
-						_matrix.elements[ 15 ] = 1;
-						style = getObjectCSSMatrix( _matrix );
+							_matrix.setPosition( _position );
 
-					} else {
+							_matrix.scale( _scale );
 
-						style = getObjectCSSMatrix( object.matrixWorld );
+							_matrix.elements[ 3 ] = 0;
+							_matrix.elements[ 7 ] = 0;
+							_matrix.elements[ 11 ] = 0;
+							_matrix.elements[ 15 ] = 1;
+							style = getObjectCSSMatrix( _matrix );
 
-					}
+						} else {
 
-					const element = object.element;
-					const cachedObject = cache.objects.get( object );
+							style = getObjectCSSMatrix( object.matrixWorld );
 
-					if ( cachedObject === undefined || cachedObject.style !== style ) {
+						}
 
-						element.style.transform = style;
-						const objectData = {
-							style: style
-						};
-						cache.objects.set( object, objectData );
+						const element = object.element;
+						const cachedObject = cache.objects.get( object );
 
-					}
+						if ( cachedObject === undefined || cachedObject.style !== style ) {
 
-					element.style.display = object.visible ? '' : 'none';
+							element.style.transform = style;
+							const objectData = {
+								style: style
+							};
+							cache.objects.set( object, objectData );
 
-					if ( element.parentNode !== cameraElement ) {
+						}
 
-						cameraElement.appendChild( element );
+						if ( element.parentNode !== cameraElement ) {
 
-					}
+							cameraElement.appendChild( element );
+
+						}
 
-					object.onAfterRender( _this, scene, camera );
+						object.onAfterRender( _this, scene, camera );
+
+					}
 
 				}
 
@@ -252,4 +256,3 @@
 	THREE.CSS3DSprite = CSS3DSprite;
 
 } )();
-

package/scripts/external/three/CubemapToEquirectangular.js

@@ -72,7 +72,7 @@ function CubemapToEquirectangular( renderer, provideCubeCamera ) {
 
 	this.scene = new THREE.Scene();
 	this.quad = new THREE.Mesh(
-		new THREE.PlaneBufferGeometry( 1, 1 ),
+		new THREE.PlaneGeometry( 1, 1 ),
 		this.material
 	);
 	this.scene.add( this.quad );