345 lines
		
	
	
		
			7.2 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			345 lines
		
	
	
		
			7.2 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
import DataMap from './DataMap.js';
 | 
						|
 | 
						|
import { Vector3, DepthTexture, DepthStencilFormat, DepthFormat, UnsignedIntType, UnsignedInt248Type, LinearFilter, NearestFilter, EquirectangularReflectionMapping, EquirectangularRefractionMapping, CubeReflectionMapping, CubeRefractionMapping, UnsignedByteType } from 'three';
 | 
						|
 | 
						|
const _size = new Vector3();
 | 
						|
 | 
						|
class Textures extends DataMap {
 | 
						|
 | 
						|
	constructor( renderer, backend, info ) {
 | 
						|
 | 
						|
		super();
 | 
						|
 | 
						|
		this.renderer = renderer;
 | 
						|
		this.backend = backend;
 | 
						|
		this.info = info;
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	updateRenderTarget( renderTarget, activeMipmapLevel = 0 ) {
 | 
						|
 | 
						|
		const renderTargetData = this.get( renderTarget );
 | 
						|
 | 
						|
		const sampleCount = renderTarget.samples === 0 ? 1 : renderTarget.samples;
 | 
						|
		const depthTextureMips = renderTargetData.depthTextureMips || ( renderTargetData.depthTextureMips = {} );
 | 
						|
 | 
						|
		const texture = renderTarget.texture;
 | 
						|
		const textures = renderTarget.textures;
 | 
						|
 | 
						|
		const size = this.getSize( texture );
 | 
						|
 | 
						|
		const mipWidth = size.width >> activeMipmapLevel;
 | 
						|
		const mipHeight = size.height >> activeMipmapLevel;
 | 
						|
 | 
						|
		let depthTexture = renderTarget.depthTexture || depthTextureMips[ activeMipmapLevel ];
 | 
						|
		let textureNeedsUpdate = false;
 | 
						|
 | 
						|
		if ( depthTexture === undefined ) {
 | 
						|
 | 
						|
			depthTexture = new DepthTexture();
 | 
						|
			depthTexture.format = renderTarget.stencilBuffer ? DepthStencilFormat : DepthFormat;
 | 
						|
			depthTexture.type = renderTarget.stencilBuffer ? UnsignedInt248Type : UnsignedIntType; // FloatType
 | 
						|
			depthTexture.image.width = mipWidth;
 | 
						|
			depthTexture.image.height = mipHeight;
 | 
						|
 | 
						|
			depthTextureMips[ activeMipmapLevel ] = depthTexture;
 | 
						|
 | 
						|
		}
 | 
						|
 | 
						|
		if ( renderTargetData.width !== size.width || size.height !== renderTargetData.height ) {
 | 
						|
 | 
						|
			textureNeedsUpdate = true;
 | 
						|
			depthTexture.needsUpdate = true;
 | 
						|
 | 
						|
			depthTexture.image.width = mipWidth;
 | 
						|
			depthTexture.image.height = mipHeight;
 | 
						|
 | 
						|
		}
 | 
						|
 | 
						|
		renderTargetData.width = size.width;
 | 
						|
		renderTargetData.height = size.height;
 | 
						|
		renderTargetData.textures = textures;
 | 
						|
		renderTargetData.depthTexture = depthTexture;
 | 
						|
		renderTargetData.depth = renderTarget.depthBuffer;
 | 
						|
		renderTargetData.stencil = renderTarget.stencilBuffer;
 | 
						|
		renderTargetData.renderTarget = renderTarget;
 | 
						|
 | 
						|
		if ( renderTargetData.sampleCount !== sampleCount ) {
 | 
						|
 | 
						|
			textureNeedsUpdate = true;
 | 
						|
			depthTexture.needsUpdate = true;
 | 
						|
 | 
						|
			renderTargetData.sampleCount = sampleCount;
 | 
						|
 | 
						|
		}
 | 
						|
 | 
						|
		//
 | 
						|
 | 
						|
		const options = { sampleCount };
 | 
						|
 | 
						|
		for ( let i = 0; i < textures.length; i ++ ) {
 | 
						|
 | 
						|
			const texture = textures[ i ];
 | 
						|
 | 
						|
			if ( textureNeedsUpdate ) texture.needsUpdate = true;
 | 
						|
 | 
						|
			this.updateTexture( texture, options );
 | 
						|
 | 
						|
		}
 | 
						|
 | 
						|
		this.updateTexture( depthTexture, options );
 | 
						|
 | 
						|
		// dispose handler
 | 
						|
 | 
						|
		if ( renderTargetData.initialized !== true ) {
 | 
						|
 | 
						|
			renderTargetData.initialized = true;
 | 
						|
 | 
						|
			// dispose
 | 
						|
 | 
						|
			const onDispose = () => {
 | 
						|
 | 
						|
				renderTarget.removeEventListener( 'dispose', onDispose );
 | 
						|
 | 
						|
				if ( textures !== undefined ) {
 | 
						|
 | 
						|
					for ( let i = 0; i < textures.length; i ++ ) {
 | 
						|
 | 
						|
						this._destroyTexture( textures[ i ] );
 | 
						|
 | 
						|
					}
 | 
						|
 | 
						|
				} else {
 | 
						|
 | 
						|
					this._destroyTexture( texture );
 | 
						|
 | 
						|
				}
 | 
						|
 | 
						|
				this._destroyTexture( depthTexture );
 | 
						|
 | 
						|
			};
 | 
						|
 | 
						|
			renderTarget.addEventListener( 'dispose', onDispose );
 | 
						|
 | 
						|
		}
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	updateTexture( texture, options = {} ) {
 | 
						|
 | 
						|
		const textureData = this.get( texture );
 | 
						|
		if ( textureData.initialized === true && textureData.version === texture.version ) return;
 | 
						|
 | 
						|
		const isRenderTarget = texture.isRenderTargetTexture || texture.isDepthTexture || texture.isFramebufferTexture;
 | 
						|
		const backend = this.backend;
 | 
						|
 | 
						|
		if ( isRenderTarget && textureData.initialized === true ) {
 | 
						|
 | 
						|
			// it's an update
 | 
						|
 | 
						|
			backend.destroySampler( texture );
 | 
						|
			backend.destroyTexture( texture );
 | 
						|
 | 
						|
		}
 | 
						|
 | 
						|
		//
 | 
						|
 | 
						|
		if ( texture.isFramebufferTexture ) {
 | 
						|
 | 
						|
			const renderer = this.renderer;
 | 
						|
			const renderTarget = renderer.getRenderTarget();
 | 
						|
 | 
						|
			if ( renderTarget ) {
 | 
						|
 | 
						|
				texture.type = renderTarget.texture.type;
 | 
						|
 | 
						|
			} else {
 | 
						|
 | 
						|
				texture.type = UnsignedByteType;
 | 
						|
 | 
						|
			}
 | 
						|
 | 
						|
		}
 | 
						|
 | 
						|
		//
 | 
						|
 | 
						|
		const { width, height, depth } = this.getSize( texture );
 | 
						|
 | 
						|
		options.width = width;
 | 
						|
		options.height = height;
 | 
						|
		options.depth = depth;
 | 
						|
		options.needsMipmaps = this.needsMipmaps( texture );
 | 
						|
		options.levels = options.needsMipmaps ? this.getMipLevels( texture, width, height ) : 1;
 | 
						|
 | 
						|
		//
 | 
						|
 | 
						|
		if ( isRenderTarget || texture.isStorageTexture === true ) {
 | 
						|
 | 
						|
			backend.createSampler( texture );
 | 
						|
			backend.createTexture( texture, options );
 | 
						|
 | 
						|
		} else {
 | 
						|
 | 
						|
			const needsCreate = textureData.initialized !== true;
 | 
						|
 | 
						|
			if ( needsCreate ) backend.createSampler( texture );
 | 
						|
 | 
						|
			if ( texture.version > 0 ) {
 | 
						|
 | 
						|
				const image = texture.image;
 | 
						|
 | 
						|
				if ( image === undefined ) {
 | 
						|
 | 
						|
					console.warn( 'THREE.Renderer: Texture marked for update but image is undefined.' );
 | 
						|
 | 
						|
				} else if ( image.complete === false ) {
 | 
						|
 | 
						|
					console.warn( 'THREE.Renderer: Texture marked for update but image is incomplete.' );
 | 
						|
 | 
						|
				} else {
 | 
						|
 | 
						|
					if ( texture.images ) {
 | 
						|
 | 
						|
						const images = [];
 | 
						|
 | 
						|
						for ( const image of texture.images ) {
 | 
						|
 | 
						|
							images.push( image );
 | 
						|
 | 
						|
						}
 | 
						|
 | 
						|
						options.images = images;
 | 
						|
 | 
						|
					} else {
 | 
						|
 | 
						|
						options.image = image;
 | 
						|
 | 
						|
					}
 | 
						|
 | 
						|
					if ( textureData.isDefaultTexture === undefined || textureData.isDefaultTexture === true ) {
 | 
						|
 | 
						|
						backend.createTexture( texture, options );
 | 
						|
 | 
						|
						textureData.isDefaultTexture = false;
 | 
						|
 | 
						|
					}
 | 
						|
 | 
						|
					if ( texture.source.dataReady === true ) backend.updateTexture( texture, options );
 | 
						|
 | 
						|
					if ( options.needsMipmaps && texture.mipmaps.length === 0 ) backend.generateMipmaps( texture );
 | 
						|
 | 
						|
				}
 | 
						|
 | 
						|
			} else {
 | 
						|
 | 
						|
				// async update
 | 
						|
 | 
						|
				backend.createDefaultTexture( texture );
 | 
						|
 | 
						|
				textureData.isDefaultTexture = true;
 | 
						|
 | 
						|
			}
 | 
						|
 | 
						|
		}
 | 
						|
 | 
						|
		// dispose handler
 | 
						|
 | 
						|
		if ( textureData.initialized !== true ) {
 | 
						|
 | 
						|
			textureData.initialized = true;
 | 
						|
 | 
						|
			//
 | 
						|
 | 
						|
			this.info.memory.textures ++;
 | 
						|
 | 
						|
			// dispose
 | 
						|
 | 
						|
			const onDispose = () => {
 | 
						|
 | 
						|
				texture.removeEventListener( 'dispose', onDispose );
 | 
						|
 | 
						|
				this._destroyTexture( texture );
 | 
						|
 | 
						|
				this.info.memory.textures --;
 | 
						|
 | 
						|
			};
 | 
						|
 | 
						|
			texture.addEventListener( 'dispose', onDispose );
 | 
						|
 | 
						|
		}
 | 
						|
 | 
						|
		//
 | 
						|
 | 
						|
		textureData.version = texture.version;
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	getSize( texture, target = _size ) {
 | 
						|
 | 
						|
		let image = texture.images ? texture.images[ 0 ] : texture.image;
 | 
						|
 | 
						|
		if ( image ) {
 | 
						|
 | 
						|
			if ( image.image !== undefined ) image = image.image;
 | 
						|
 | 
						|
			target.width = image.width;
 | 
						|
			target.height = image.height;
 | 
						|
			target.depth = texture.isCubeTexture ? 6 : ( image.depth || 1 );
 | 
						|
 | 
						|
		} else {
 | 
						|
 | 
						|
			target.width = target.height = target.depth = 1;
 | 
						|
 | 
						|
		}
 | 
						|
 | 
						|
		return target;
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	getMipLevels( texture, width, height ) {
 | 
						|
 | 
						|
		let mipLevelCount;
 | 
						|
 | 
						|
		if ( texture.isCompressedTexture ) {
 | 
						|
 | 
						|
			mipLevelCount = texture.mipmaps.length;
 | 
						|
 | 
						|
		} else {
 | 
						|
 | 
						|
			mipLevelCount = Math.floor( Math.log2( Math.max( width, height ) ) ) + 1;
 | 
						|
 | 
						|
		}
 | 
						|
 | 
						|
		return mipLevelCount;
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	needsMipmaps( texture ) {
 | 
						|
 | 
						|
		if ( this.isEnvironmentTexture( texture ) ) return true;
 | 
						|
 | 
						|
		return ( texture.isCompressedTexture === true ) || ( ( texture.minFilter !== NearestFilter ) && ( texture.minFilter !== LinearFilter ) );
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	isEnvironmentTexture( texture ) {
 | 
						|
 | 
						|
		const mapping = texture.mapping;
 | 
						|
 | 
						|
		return ( mapping === EquirectangularReflectionMapping || mapping === EquirectangularRefractionMapping ) || ( mapping === CubeReflectionMapping || mapping === CubeRefractionMapping );
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
	_destroyTexture( texture ) {
 | 
						|
 | 
						|
		this.backend.destroySampler( texture );
 | 
						|
		this.backend.destroyTexture( texture );
 | 
						|
 | 
						|
		this.delete( texture );
 | 
						|
 | 
						|
	}
 | 
						|
 | 
						|
}
 | 
						|
 | 
						|
export default Textures;
 |