initial commit
This commit is contained in:
19
lib/textures/CanvasTexture.js
Normal file
19
lib/textures/CanvasTexture.js
Normal file
@ -0,0 +1,19 @@
|
||||
/**
|
||||
* @author mrdoob / http://mrdoob.com/
|
||||
*/
|
||||
|
||||
import { Texture } from './Texture.js';
|
||||
|
||||
function CanvasTexture( canvas, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy ) {
|
||||
|
||||
Texture.call( this, canvas, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy );
|
||||
|
||||
this.needsUpdate = true;
|
||||
|
||||
}
|
||||
|
||||
CanvasTexture.prototype = Object.create( Texture.prototype );
|
||||
CanvasTexture.prototype.constructor = CanvasTexture;
|
||||
CanvasTexture.prototype.isCanvasTexture = true;
|
||||
|
||||
export { CanvasTexture };
|
32
lib/textures/CompressedTexture.js
Normal file
32
lib/textures/CompressedTexture.js
Normal file
@ -0,0 +1,32 @@
|
||||
/**
|
||||
* @author alteredq / http://alteredqualia.com/
|
||||
*/
|
||||
|
||||
import { Texture } from './Texture.js';
|
||||
|
||||
function CompressedTexture( mipmaps, width, height, format, type, mapping, wrapS, wrapT, magFilter, minFilter, anisotropy, encoding ) {
|
||||
|
||||
Texture.call( this, null, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy, encoding );
|
||||
|
||||
this.image = { width: width, height: height };
|
||||
this.mipmaps = mipmaps;
|
||||
|
||||
// no flipping for cube textures
|
||||
// (also flipping doesn't work for compressed textures )
|
||||
|
||||
this.flipY = false;
|
||||
|
||||
// can't generate mipmaps for compressed textures
|
||||
// mips must be embedded in DDS files
|
||||
|
||||
this.generateMipmaps = false;
|
||||
|
||||
}
|
||||
|
||||
CompressedTexture.prototype = Object.create( Texture.prototype );
|
||||
CompressedTexture.prototype.constructor = CompressedTexture;
|
||||
|
||||
CompressedTexture.prototype.isCompressedTexture = true;
|
||||
|
||||
|
||||
export { CompressedTexture };
|
41
lib/textures/CubeTexture.js
Normal file
41
lib/textures/CubeTexture.js
Normal file
@ -0,0 +1,41 @@
|
||||
/**
|
||||
* @author mrdoob / http://mrdoob.com/
|
||||
*/
|
||||
|
||||
import { Texture } from './Texture.js';
|
||||
import { CubeReflectionMapping } from '../constants.js';
|
||||
|
||||
function CubeTexture( images, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy, encoding ) {
|
||||
|
||||
images = images !== undefined ? images : [];
|
||||
mapping = mapping !== undefined ? mapping : CubeReflectionMapping;
|
||||
|
||||
Texture.call( this, images, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy, encoding );
|
||||
|
||||
this.flipY = false;
|
||||
|
||||
}
|
||||
|
||||
CubeTexture.prototype = Object.create( Texture.prototype );
|
||||
CubeTexture.prototype.constructor = CubeTexture;
|
||||
|
||||
CubeTexture.prototype.isCubeTexture = true;
|
||||
|
||||
Object.defineProperty( CubeTexture.prototype, 'images', {
|
||||
|
||||
get: function () {
|
||||
|
||||
return this.image;
|
||||
|
||||
},
|
||||
|
||||
set: function ( value ) {
|
||||
|
||||
this.image = value;
|
||||
|
||||
}
|
||||
|
||||
} );
|
||||
|
||||
|
||||
export { CubeTexture };
|
29
lib/textures/DataTexture.js
Normal file
29
lib/textures/DataTexture.js
Normal file
@ -0,0 +1,29 @@
|
||||
/**
|
||||
* @author alteredq / http://alteredqualia.com/
|
||||
*/
|
||||
|
||||
import { Texture } from './Texture.js';
|
||||
import { NearestFilter } from '../constants.js';
|
||||
|
||||
function DataTexture( data, width, height, format, type, mapping, wrapS, wrapT, magFilter, minFilter, anisotropy, encoding ) {
|
||||
|
||||
Texture.call( this, null, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy, encoding );
|
||||
|
||||
this.image = { data: data, width: width, height: height };
|
||||
|
||||
this.magFilter = magFilter !== undefined ? magFilter : NearestFilter;
|
||||
this.minFilter = minFilter !== undefined ? minFilter : NearestFilter;
|
||||
|
||||
this.generateMipmaps = false;
|
||||
this.flipY = false;
|
||||
this.unpackAlignment = 1;
|
||||
|
||||
}
|
||||
|
||||
DataTexture.prototype = Object.create( Texture.prototype );
|
||||
DataTexture.prototype.constructor = DataTexture;
|
||||
|
||||
DataTexture.prototype.isDataTexture = true;
|
||||
|
||||
|
||||
export { DataTexture };
|
34
lib/textures/DataTexture3D.js
Normal file
34
lib/textures/DataTexture3D.js
Normal file
@ -0,0 +1,34 @@
|
||||
/**
|
||||
* @author Artur Trzesiok
|
||||
*/
|
||||
|
||||
import { Texture } from './Texture.js';
|
||||
import { NearestFilter } from '../constants.js';
|
||||
|
||||
function DataTexture3D( data, width, height, depth ) {
|
||||
|
||||
// We're going to add .setXXX() methods for setting properties later.
|
||||
// Users can still set in DataTexture3D directly.
|
||||
//
|
||||
// var texture = new THREE.DataTexture3D( data, width, height, depth );
|
||||
// texture.anisotropy = 16;
|
||||
//
|
||||
// See #14839
|
||||
|
||||
Texture.call( this, null );
|
||||
|
||||
this.image = { data: data, width: width, height: height, depth: depth };
|
||||
|
||||
this.magFilter = NearestFilter;
|
||||
this.minFilter = NearestFilter;
|
||||
|
||||
this.generateMipmaps = false;
|
||||
this.flipY = false;
|
||||
|
||||
}
|
||||
|
||||
DataTexture3D.prototype = Object.create( Texture.prototype );
|
||||
DataTexture3D.prototype.constructor = DataTexture3D;
|
||||
DataTexture3D.prototype.isDataTexture3D = true;
|
||||
|
||||
export { DataTexture3D };
|
38
lib/textures/DepthTexture.js
Normal file
38
lib/textures/DepthTexture.js
Normal file
@ -0,0 +1,38 @@
|
||||
/**
|
||||
* @author Matt DesLauriers / @mattdesl
|
||||
* @author atix / arthursilber.de
|
||||
*/
|
||||
|
||||
import { Texture } from './Texture.js';
|
||||
import { NearestFilter, UnsignedShortType, UnsignedInt248Type, DepthFormat, DepthStencilFormat } from '../constants.js';
|
||||
|
||||
function DepthTexture( width, height, type, mapping, wrapS, wrapT, magFilter, minFilter, anisotropy, format ) {
|
||||
|
||||
format = format !== undefined ? format : DepthFormat;
|
||||
|
||||
if ( format !== DepthFormat && format !== DepthStencilFormat ) {
|
||||
|
||||
throw new Error( 'DepthTexture format must be either THREE.DepthFormat or THREE.DepthStencilFormat' );
|
||||
|
||||
}
|
||||
|
||||
if ( type === undefined && format === DepthFormat ) type = UnsignedShortType;
|
||||
if ( type === undefined && format === DepthStencilFormat ) type = UnsignedInt248Type;
|
||||
|
||||
Texture.call( this, null, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy );
|
||||
|
||||
this.image = { width: width, height: height };
|
||||
|
||||
this.magFilter = magFilter !== undefined ? magFilter : NearestFilter;
|
||||
this.minFilter = minFilter !== undefined ? minFilter : NearestFilter;
|
||||
|
||||
this.flipY = false;
|
||||
this.generateMipmaps = false;
|
||||
|
||||
}
|
||||
|
||||
DepthTexture.prototype = Object.create( Texture.prototype );
|
||||
DepthTexture.prototype.constructor = DepthTexture;
|
||||
DepthTexture.prototype.isDepthTexture = true;
|
||||
|
||||
export { DepthTexture };
|
317
lib/textures/Texture.js
Normal file
317
lib/textures/Texture.js
Normal file
@ -0,0 +1,317 @@
|
||||
/**
|
||||
* @author mrdoob / http://mrdoob.com/
|
||||
* @author alteredq / http://alteredqualia.com/
|
||||
* @author szimek / https://github.com/szimek/
|
||||
*/
|
||||
|
||||
import { EventDispatcher } from '../core/EventDispatcher.js';
|
||||
import { UVMapping } from '../constants.js';
|
||||
import { MirroredRepeatWrapping, ClampToEdgeWrapping, RepeatWrapping, LinearEncoding, UnsignedByteType, RGBAFormat, LinearMipMapLinearFilter, LinearFilter } from '../constants.js';
|
||||
import { _Math } from '../math/Math.js';
|
||||
import { Vector2 } from '../math/Vector2.js';
|
||||
import { Matrix3 } from '../math/Matrix3.js';
|
||||
import { ImageUtils } from '../extras/ImageUtils.js';
|
||||
|
||||
var textureId = 0;
|
||||
|
||||
function Texture( image, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy, encoding ) {
|
||||
|
||||
Object.defineProperty( this, 'id', { value: textureId ++ } );
|
||||
|
||||
this.uuid = _Math.generateUUID();
|
||||
|
||||
this.name = '';
|
||||
|
||||
this.image = image !== undefined ? image : Texture.DEFAULT_IMAGE;
|
||||
this.mipmaps = [];
|
||||
|
||||
this.mapping = mapping !== undefined ? mapping : Texture.DEFAULT_MAPPING;
|
||||
|
||||
this.wrapS = wrapS !== undefined ? wrapS : ClampToEdgeWrapping;
|
||||
this.wrapT = wrapT !== undefined ? wrapT : ClampToEdgeWrapping;
|
||||
|
||||
this.magFilter = magFilter !== undefined ? magFilter : LinearFilter;
|
||||
this.minFilter = minFilter !== undefined ? minFilter : LinearMipMapLinearFilter;
|
||||
|
||||
this.anisotropy = anisotropy !== undefined ? anisotropy : 1;
|
||||
|
||||
this.format = format !== undefined ? format : RGBAFormat;
|
||||
this.type = type !== undefined ? type : UnsignedByteType;
|
||||
|
||||
this.offset = new Vector2( 0, 0 );
|
||||
this.repeat = new Vector2( 1, 1 );
|
||||
this.center = new Vector2( 0, 0 );
|
||||
this.rotation = 0;
|
||||
|
||||
this.matrixAutoUpdate = true;
|
||||
this.matrix = new Matrix3();
|
||||
|
||||
this.generateMipmaps = true;
|
||||
this.premultiplyAlpha = false;
|
||||
this.flipY = true;
|
||||
this.unpackAlignment = 4; // valid values: 1, 2, 4, 8 (see http://www.khronos.org/opengles/sdk/docs/man/xhtml/glPixelStorei.xml)
|
||||
|
||||
// Values of encoding !== THREE.LinearEncoding only supported on map, envMap and emissiveMap.
|
||||
//
|
||||
// Also changing the encoding after already used by a Material will not automatically make the Material
|
||||
// update. You need to explicitly call Material.needsUpdate to trigger it to recompile.
|
||||
this.encoding = encoding !== undefined ? encoding : LinearEncoding;
|
||||
|
||||
this.version = 0;
|
||||
this.onUpdate = null;
|
||||
|
||||
}
|
||||
|
||||
Texture.DEFAULT_IMAGE = undefined;
|
||||
Texture.DEFAULT_MAPPING = UVMapping;
|
||||
|
||||
Texture.prototype = Object.assign( Object.create( EventDispatcher.prototype ), {
|
||||
|
||||
constructor: Texture,
|
||||
|
||||
isTexture: true,
|
||||
|
||||
updateMatrix: function () {
|
||||
|
||||
this.matrix.setUvTransform( this.offset.x, this.offset.y, this.repeat.x, this.repeat.y, this.rotation, this.center.x, this.center.y );
|
||||
|
||||
},
|
||||
|
||||
clone: function () {
|
||||
|
||||
return new this.constructor().copy( this );
|
||||
|
||||
},
|
||||
|
||||
copy: function ( source ) {
|
||||
|
||||
this.name = source.name;
|
||||
|
||||
this.image = source.image;
|
||||
this.mipmaps = source.mipmaps.slice( 0 );
|
||||
|
||||
this.mapping = source.mapping;
|
||||
|
||||
this.wrapS = source.wrapS;
|
||||
this.wrapT = source.wrapT;
|
||||
|
||||
this.magFilter = source.magFilter;
|
||||
this.minFilter = source.minFilter;
|
||||
|
||||
this.anisotropy = source.anisotropy;
|
||||
|
||||
this.format = source.format;
|
||||
this.type = source.type;
|
||||
|
||||
this.offset.copy( source.offset );
|
||||
this.repeat.copy( source.repeat );
|
||||
this.center.copy( source.center );
|
||||
this.rotation = source.rotation;
|
||||
|
||||
this.matrixAutoUpdate = source.matrixAutoUpdate;
|
||||
this.matrix.copy( source.matrix );
|
||||
|
||||
this.generateMipmaps = source.generateMipmaps;
|
||||
this.premultiplyAlpha = source.premultiplyAlpha;
|
||||
this.flipY = source.flipY;
|
||||
this.unpackAlignment = source.unpackAlignment;
|
||||
this.encoding = source.encoding;
|
||||
|
||||
return this;
|
||||
|
||||
},
|
||||
|
||||
toJSON: function ( meta ) {
|
||||
|
||||
var isRootObject = ( meta === undefined || typeof meta === 'string' );
|
||||
|
||||
if ( ! isRootObject && meta.textures[ this.uuid ] !== undefined ) {
|
||||
|
||||
return meta.textures[ this.uuid ];
|
||||
|
||||
}
|
||||
|
||||
var output = {
|
||||
|
||||
metadata: {
|
||||
version: 4.5,
|
||||
type: 'Texture',
|
||||
generator: 'Texture.toJSON'
|
||||
},
|
||||
|
||||
uuid: this.uuid,
|
||||
name: this.name,
|
||||
|
||||
mapping: this.mapping,
|
||||
|
||||
repeat: [ this.repeat.x, this.repeat.y ],
|
||||
offset: [ this.offset.x, this.offset.y ],
|
||||
center: [ this.center.x, this.center.y ],
|
||||
rotation: this.rotation,
|
||||
|
||||
wrap: [ this.wrapS, this.wrapT ],
|
||||
|
||||
format: this.format,
|
||||
minFilter: this.minFilter,
|
||||
magFilter: this.magFilter,
|
||||
anisotropy: this.anisotropy,
|
||||
|
||||
flipY: this.flipY
|
||||
|
||||
};
|
||||
|
||||
if ( this.image !== undefined ) {
|
||||
|
||||
// TODO: Move to THREE.Image
|
||||
|
||||
var image = this.image;
|
||||
|
||||
if ( image.uuid === undefined ) {
|
||||
|
||||
image.uuid = _Math.generateUUID(); // UGH
|
||||
|
||||
}
|
||||
|
||||
if ( ! isRootObject && meta.images[ image.uuid ] === undefined ) {
|
||||
|
||||
var url;
|
||||
|
||||
if ( Array.isArray( image ) ) {
|
||||
|
||||
// process array of images e.g. CubeTexture
|
||||
|
||||
url = [];
|
||||
|
||||
for ( var i = 0, l = image.length; i < l; i ++ ) {
|
||||
|
||||
url.push( ImageUtils.getDataURL( image[ i ] ) );
|
||||
|
||||
}
|
||||
|
||||
} else {
|
||||
|
||||
// process single image
|
||||
|
||||
url = ImageUtils.getDataURL( image );
|
||||
|
||||
}
|
||||
|
||||
meta.images[ image.uuid ] = {
|
||||
uuid: image.uuid,
|
||||
url: url
|
||||
};
|
||||
|
||||
}
|
||||
|
||||
output.image = image.uuid;
|
||||
|
||||
}
|
||||
|
||||
if ( ! isRootObject ) {
|
||||
|
||||
meta.textures[ this.uuid ] = output;
|
||||
|
||||
}
|
||||
|
||||
return output;
|
||||
|
||||
},
|
||||
|
||||
dispose: function () {
|
||||
|
||||
this.dispatchEvent( { type: 'dispose' } );
|
||||
|
||||
},
|
||||
|
||||
transformUv: function ( uv ) {
|
||||
|
||||
if ( this.mapping !== UVMapping ) return uv;
|
||||
|
||||
uv.applyMatrix3( this.matrix );
|
||||
|
||||
if ( uv.x < 0 || uv.x > 1 ) {
|
||||
|
||||
switch ( this.wrapS ) {
|
||||
|
||||
case RepeatWrapping:
|
||||
|
||||
uv.x = uv.x - Math.floor( uv.x );
|
||||
break;
|
||||
|
||||
case ClampToEdgeWrapping:
|
||||
|
||||
uv.x = uv.x < 0 ? 0 : 1;
|
||||
break;
|
||||
|
||||
case MirroredRepeatWrapping:
|
||||
|
||||
if ( Math.abs( Math.floor( uv.x ) % 2 ) === 1 ) {
|
||||
|
||||
uv.x = Math.ceil( uv.x ) - uv.x;
|
||||
|
||||
} else {
|
||||
|
||||
uv.x = uv.x - Math.floor( uv.x );
|
||||
|
||||
}
|
||||
break;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
if ( uv.y < 0 || uv.y > 1 ) {
|
||||
|
||||
switch ( this.wrapT ) {
|
||||
|
||||
case RepeatWrapping:
|
||||
|
||||
uv.y = uv.y - Math.floor( uv.y );
|
||||
break;
|
||||
|
||||
case ClampToEdgeWrapping:
|
||||
|
||||
uv.y = uv.y < 0 ? 0 : 1;
|
||||
break;
|
||||
|
||||
case MirroredRepeatWrapping:
|
||||
|
||||
if ( Math.abs( Math.floor( uv.y ) % 2 ) === 1 ) {
|
||||
|
||||
uv.y = Math.ceil( uv.y ) - uv.y;
|
||||
|
||||
} else {
|
||||
|
||||
uv.y = uv.y - Math.floor( uv.y );
|
||||
|
||||
}
|
||||
break;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
if ( this.flipY ) {
|
||||
|
||||
uv.y = 1 - uv.y;
|
||||
|
||||
}
|
||||
|
||||
return uv;
|
||||
|
||||
}
|
||||
|
||||
} );
|
||||
|
||||
Object.defineProperty( Texture.prototype, "needsUpdate", {
|
||||
|
||||
set: function ( value ) {
|
||||
|
||||
if ( value === true ) this.version ++;
|
||||
|
||||
}
|
||||
|
||||
} );
|
||||
|
||||
|
||||
export { Texture };
|
36
lib/textures/VideoTexture.js
Normal file
36
lib/textures/VideoTexture.js
Normal file
@ -0,0 +1,36 @@
|
||||
/**
|
||||
* @author mrdoob / http://mrdoob.com/
|
||||
*/
|
||||
|
||||
import { Texture } from './Texture.js';
|
||||
|
||||
function VideoTexture( video, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy ) {
|
||||
|
||||
Texture.call( this, video, mapping, wrapS, wrapT, magFilter, minFilter, format, type, anisotropy );
|
||||
|
||||
this.generateMipmaps = false;
|
||||
|
||||
}
|
||||
|
||||
VideoTexture.prototype = Object.assign( Object.create( Texture.prototype ), {
|
||||
|
||||
constructor: VideoTexture,
|
||||
|
||||
isVideoTexture: true,
|
||||
|
||||
update: function () {
|
||||
|
||||
var video = this.image;
|
||||
|
||||
if ( video.readyState >= video.HAVE_CURRENT_DATA ) {
|
||||
|
||||
this.needsUpdate = true;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
} );
|
||||
|
||||
|
||||
export { VideoTexture };
|
Reference in New Issue
Block a user