super-three 0.136.0 → 0.141.0

package/src/textures/Texture.js

@@ -13,7 +13,7 @@ import {
 import * as MathUtils from '../math/MathUtils.js';
 import { Vector2 } from '../math/Vector2.js';
 import { Matrix3 } from '../math/Matrix3.js';
-import { ImageUtils } from '../extras/ImageUtils.js';
+import { Source } from './Source.js';
 
 let textureId = 0;
 
@@ -23,13 +23,15 @@ class Texture extends EventDispatcher {
 
 		super();
 
+		this.isTexture = true;
+
 		Object.defineProperty( this, 'id', { value: textureId ++ } );
 
 		this.uuid = MathUtils.generateUUID();
 
 		this.name = '';
 
-		this.image = image;
+		this.source = new Source( image );
 		this.mipmaps = [];
 
 		this.mapping = mapping;
@@ -70,7 +72,20 @@ class Texture extends EventDispatcher {
 		this.version = 0;
 		this.onUpdate = null;
 
-		this.isRenderTargetTexture = false;
+		this.isRenderTargetTexture = false; // indicates whether a texture belongs to a render target or not
+		this.needsPMREMUpdate = false; // indicates whether this texture should be processed by PMREMGenerator or not (only relevant for render target textures)
+
+	}
+
+	get image() {
+
+		return this.source.data;
+
+	}
+
+	set image( value ) {
+
+		this.source.data = value;
 
 	}
 
@@ -90,7 +105,7 @@ class Texture extends EventDispatcher {
 
 		this.name = source.name;
 
-		this.image = source.image;
+		this.source = source.source;
 		this.mipmaps = source.mipmaps.slice( 0 );
 
 		this.mapping = source.mapping;
@@ -123,6 +138,8 @@ class Texture extends EventDispatcher {
 
 		this.userData = JSON.parse( JSON.stringify( source.userData ) );
 
+		this.needsUpdate = true;
+
 		return this;
 
 	}
@@ -148,6 +165,8 @@ class Texture extends EventDispatcher {
 			uuid: this.uuid,
 			name: this.name,
 
+			image: this.source.toJSON( meta ).uuid,
+
 			mapping: this.mapping,
 
 			repeat: [ this.repeat.x, this.repeat.y ],
@@ -172,63 +191,6 @@ class Texture extends EventDispatcher {
 
 		};
 
-		if ( this.image !== undefined ) {
-
-			// TODO: Move to THREE.Image
-
-			const image = this.image;
-
-			if ( image.uuid === undefined ) {
-
-				image.uuid = MathUtils.generateUUID(); // UGH
-
-			}
-
-			if ( ! isRootObject && meta.images[ image.uuid ] === undefined ) {
-
-				let url;
-
-				if ( Array.isArray( image ) ) {
-
-					// process array of images e.g. CubeTexture
-
-					url = [];
-
-					for ( let i = 0, l = image.length; i < l; i ++ ) {
-
-						// check cube texture with data textures
-
-						if ( image[ i ].isDataTexture ) {
-
-							url.push( serializeImage( image[ i ].image ) );
-
-						} else {
-
-							url.push( serializeImage( image[ i ] ) );
-
-						}
-
-					}
-
-				} else {
-
-					// process single image
-
-					url = serializeImage( image );
-
-				}
-
-				meta.images[ image.uuid ] = {
-					uuid: image.uuid,
-					url: url
-				};
-
-			}
-
-			output.image = image.uuid;
-
-		}
-
 		if ( JSON.stringify( this.userData ) !== '{}' ) output.userData = this.userData;
 
 		if ( ! isRootObject ) {
@@ -329,44 +291,10 @@ class Texture extends EventDispatcher {
 
 	set needsUpdate( value ) {
 
-		if ( value === true ) this.version ++;
-
-	}
-
-}
-
-Texture.DEFAULT_IMAGE = undefined;
-Texture.DEFAULT_MAPPING = UVMapping;
-
-Texture.prototype.isTexture = true;
-
-function serializeImage( image ) {
-
-	if ( ( typeof HTMLImageElement !== 'undefined' && image instanceof HTMLImageElement ) ||
-		( typeof HTMLCanvasElement !== 'undefined' && image instanceof HTMLCanvasElement ) ||
-		( typeof ImageBitmap !== 'undefined' && image instanceof ImageBitmap ) ) {
-
-		// default images
-
-		return ImageUtils.getDataURL( image );
+		if ( value === true ) {
 
-	} else {
-
-		if ( image.data ) {
-
-			// images of DataTexture
-
-			return {
-				data: Array.prototype.slice.call( image.data ),
-				width: image.width,
-				height: image.height,
-				type: image.data.constructor.name
-			};
-
-		} else {
-
-			console.warn( 'THREE.Texture: Unable to serialize Texture.' );
-			return {};
+			this.version ++;
+			this.source.needsUpdate = true;
 
 		}
 
@@ -374,4 +302,7 @@ function serializeImage( image ) {
 
 }
 
+Texture.DEFAULT_IMAGE = null;
+Texture.DEFAULT_MAPPING = UVMapping;
+
 export { Texture };

package/src/textures/VideoTexture.js

@@ -1,4 +1,4 @@
-import { RGBFormat, LinearFilter } from '../constants.js';
+import { LinearFilter } from '../constants.js';
 import { Texture } from './Texture.js';
 
 class VideoTexture extends Texture {
@@ -7,7 +7,7 @@ class VideoTexture extends Texture {
 
 		super( video, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy );
 
-		this.format = format !== undefined ? format : RGBFormat;
+		this.isVideoTexture = true;
 
 		this.minFilter = minFilter !== undefined ? minFilter : LinearFilter;
 		this.magFilter = magFilter !== undefined ? magFilter : LinearFilter;
@@ -52,6 +52,4 @@ class VideoTexture extends Texture {
 
 }
 
-VideoTexture.prototype.isVideoTexture = true;
-
 export { VideoTexture };

package/src/utils.js

@@ -30,6 +30,20 @@ function arrayMax( array ) {
 
 }
 
+function arrayNeedsUint32( array ) {
+
+	// assumes larger values usually on last
+
+	for ( let i = array.length - 1; i >= 0; -- i ) {
+
+		if ( array[ i ] > 65535 ) return true;
+
+	}
+
+	return false;
+
+}
+
 const TYPED_ARRAYS = {
 	Int8Array: Int8Array,
 	Uint8Array: Uint8Array,
@@ -54,4 +68,4 @@ function createElementNS( name ) {
 
 }
 
-export { arrayMin, arrayMax, getTypedArray, createElementNS };
+export { arrayMin, arrayMax, arrayNeedsUint32, getTypedArray, createElementNS };

package/examples/js/WebGL.js

@@ -1,90 +0,0 @@
-( function () {
-
-	class WEBGL {
-
-		static isWebGLAvailable() {
-
-			try {
-
-				const canvas = document.createElement( 'canvas' );
-				return !! ( window.WebGLRenderingContext && ( canvas.getContext( 'webgl' ) || canvas.getContext( 'experimental-webgl' ) ) );
-
-			} catch ( e ) {
-
-				return false;
-
-			}
-
-		}
-
-		static isWebGL2Available() {
-
-			try {
-
-				const canvas = document.createElement( 'canvas' );
-				return !! ( window.WebGL2RenderingContext && canvas.getContext( 'webgl2' ) );
-
-			} catch ( e ) {
-
-				return false;
-
-			}
-
-		}
-
-		static getWebGLErrorMessage() {
-
-			return this.getErrorMessage( 1 );
-
-		}
-
-		static getWebGL2ErrorMessage() {
-
-			return this.getErrorMessage( 2 );
-
-		}
-
-		static getErrorMessage( version ) {
-
-			const names = {
-				1: 'WebGL',
-				2: 'WebGL 2'
-			};
-			const contexts = {
-				1: window.WebGLRenderingContext,
-				2: window.WebGL2RenderingContext
-			};
-			let message = 'Your $0 does not seem to support <a href="http://khronos.org/webgl/wiki/Getting_a_WebGL_Implementation" style="color:#000">$1</a>';
-			const element = document.createElement( 'div' );
-			element.id = 'webglmessage';
-			element.style.fontFamily = 'monospace';
-			element.style.fontSize = '13px';
-			element.style.fontWeight = 'normal';
-			element.style.textAlign = 'center';
-			element.style.background = '#fff';
-			element.style.color = '#000';
-			element.style.padding = '1.5em';
-			element.style.width = '400px';
-			element.style.margin = '5em auto 0';
-
-			if ( contexts[ version ] ) {
-
-				message = message.replace( '$0', 'graphics card' );
-
-			} else {
-
-				message = message.replace( '$0', 'browser' );
-
-			}
-
-			message = message.replace( '$1', names[ version ] );
-			element.innerHTML = message;
-			return element;
-
-		}
-
-	}
-
-	THREE.WEBGL = WEBGL;
-
-} )();

package/examples/js/csm/Frustum.js

@@ -1,133 +0,0 @@
-( function () {
-
-	const inverseProjectionMatrix = new THREE.Matrix4();
-
-	class Frustum {
-
-		constructor( data ) {
-
-			data = data || {};
-			this.vertices = {
-				near: [ new THREE.Vector3(), new THREE.Vector3(), new THREE.Vector3(), new THREE.Vector3() ],
-				far: [ new THREE.Vector3(), new THREE.Vector3(), new THREE.Vector3(), new THREE.Vector3() ]
-			};
-
-			if ( data.projectionMatrix !== undefined ) {
-
-				this.setFromProjectionMatrix( data.projectionMatrix, data.maxFar || 10000 );
-
-			}
-
-		}
-
-		setFromProjectionMatrix( projectionMatrix, maxFar ) {
-
-			const isOrthographic = projectionMatrix.elements[ 2 * 4 + 3 ] === 0;
-			inverseProjectionMatrix.copy( projectionMatrix ).invert(); // 3 --- 0  vertices.near/far order
-			// |     |
-			// 2 --- 1
-			// clip space spans from [-1, 1]
-
-			this.vertices.near[ 0 ].set( 1, 1, - 1 );
-			this.vertices.near[ 1 ].set( 1, - 1, - 1 );
-			this.vertices.near[ 2 ].set( - 1, - 1, - 1 );
-			this.vertices.near[ 3 ].set( - 1, 1, - 1 );
-			this.vertices.near.forEach( function ( v ) {
-
-				v.applyMatrix4( inverseProjectionMatrix );
-
-			} );
-			this.vertices.far[ 0 ].set( 1, 1, 1 );
-			this.vertices.far[ 1 ].set( 1, - 1, 1 );
-			this.vertices.far[ 2 ].set( - 1, - 1, 1 );
-			this.vertices.far[ 3 ].set( - 1, 1, 1 );
-			this.vertices.far.forEach( function ( v ) {
-
-				v.applyMatrix4( inverseProjectionMatrix );
-				const absZ = Math.abs( v.z );
-
-				if ( isOrthographic ) {
-
-					v.z *= Math.min( maxFar / absZ, 1.0 );
-
-				} else {
-
-					v.multiplyScalar( Math.min( maxFar / absZ, 1.0 ) );
-
-				}
-
-			} );
-			return this.vertices;
-
-		}
-
-		split( breaks, target ) {
-
-			while ( breaks.length > target.length ) {
-
-				target.push( new Frustum() );
-
-			}
-
-			target.length = breaks.length;
-
-			for ( let i = 0; i < breaks.length; i ++ ) {
-
-				const cascade = target[ i ];
-
-				if ( i === 0 ) {
-
-					for ( let j = 0; j < 4; j ++ ) {
-
-						cascade.vertices.near[ j ].copy( this.vertices.near[ j ] );
-
-					}
-
-				} else {
-
-					for ( let j = 0; j < 4; j ++ ) {
-
-						cascade.vertices.near[ j ].lerpVectors( this.vertices.near[ j ], this.vertices.far[ j ], breaks[ i - 1 ] );
-
-					}
-
-				}
-
-				if ( i === breaks.length - 1 ) {
-
-					for ( let j = 0; j < 4; j ++ ) {
-
-						cascade.vertices.far[ j ].copy( this.vertices.far[ j ] );
-
-					}
-
-				} else {
-
-					for ( let j = 0; j < 4; j ++ ) {
-
-						cascade.vertices.far[ j ].lerpVectors( this.vertices.near[ j ], this.vertices.far[ j ], breaks[ i ] );
-
-					}
-
-				}
-
-			}
-
-		}
-
-		toSpace( cameraMatrix, target ) {
-
-			for ( var i = 0; i < 4; i ++ ) {
-
-				target.vertices.near[ i ].copy( this.vertices.near[ i ] ).applyMatrix4( cameraMatrix );
-				target.vertices.far[ i ].copy( this.vertices.far[ i ] ).applyMatrix4( cameraMatrix );
-
-			}
-
-		}
-
-	}
-
-	THREE.Frustum = Frustum;
-
-} )();