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;
|