You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
213 lines
6.0 KiB
JavaScript
213 lines
6.0 KiB
JavaScript
2 years ago
|
import { LinearFilter, LinearMipmapLinearFilter, LinearMipmapNearestFilter, NearestFilter, NearestMipmapLinearFilter, NearestMipmapNearestFilter, RGBAFormat, DepthFormat, DepthStencilFormat, UnsignedShortType, UnsignedIntType, UnsignedInt248Type, FloatType, HalfFloatType, MirroredRepeatWrapping, ClampToEdgeWrapping, RepeatWrapping, UnsignedByteType, _SRGBAFormat, NoColorSpace, LinearSRGBColorSpace, SRGBColorSpace, NeverCompare, AlwaysCompare, LessCompare, LessEqualCompare, EqualCompare, GreaterEqualCompare, GreaterCompare, NotEqualCompare } from 'three';
|
||
|
|
|
||
|
|
let initialized = false, wrappingToGL, filterToGL, compareToGL;
|
||
|
|
|
||
|
|
class WebGLTextureUtils {
|
||
|
|
|
||
|
|
constructor( backend ) {
|
||
|
|
|
||
|
|
this.backend = backend;
|
||
|
|
|
||
|
|
this.gl = backend.gl;
|
||
|
|
this.extensions = backend.extensions;
|
||
|
|
|
||
|
|
if ( initialized === false ) {
|
||
|
|
|
||
|
|
this._init( this.gl );
|
||
|
|
|
||
|
|
initialized = true;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
_init( gl ) {
|
||
|
|
|
||
|
|
// Store only WebGL constants here.
|
||
|
|
|
||
|
|
wrappingToGL = {
|
||
|
|
[ RepeatWrapping ]: gl.REPEAT,
|
||
|
|
[ ClampToEdgeWrapping ]: gl.CLAMP_TO_EDGE,
|
||
|
|
[ MirroredRepeatWrapping ]: gl.MIRRORED_REPEAT
|
||
|
|
};
|
||
|
|
|
||
|
|
filterToGL = {
|
||
|
|
[ NearestFilter ]: gl.NEAREST,
|
||
|
|
[ NearestMipmapNearestFilter ]: gl.NEAREST_MIPMAP_NEAREST,
|
||
|
|
[ NearestMipmapLinearFilter ]: gl.NEAREST_MIPMAP_LINEAR,
|
||
|
|
|
||
|
|
[ LinearFilter ]: gl.LINEAR,
|
||
|
|
[ LinearMipmapNearestFilter ]: gl.LINEAR_MIPMAP_NEAREST,
|
||
|
|
[ LinearMipmapLinearFilter ]: gl.LINEAR_MIPMAP_LINEAR
|
||
|
|
};
|
||
|
|
|
||
|
|
compareToGL = {
|
||
|
|
[ NeverCompare ]: gl.NEVER,
|
||
|
|
[ AlwaysCompare ]: gl.ALWAYS,
|
||
|
|
[ LessCompare ]: gl.LESS,
|
||
|
|
[ LessEqualCompare ]: gl.LEQUAL,
|
||
|
|
[ EqualCompare ]: gl.EQUAL,
|
||
|
|
[ GreaterEqualCompare ]: gl.GEQUAL,
|
||
|
|
[ GreaterCompare ]: gl.GREATER,
|
||
|
|
[ NotEqualCompare ]: gl.NOTEQUAL
|
||
|
|
};
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
filterFallback( f ) {
|
||
|
|
|
||
|
|
const { gl } = this;
|
||
|
|
|
||
|
|
if ( f === NearestFilter || f === NearestMipmapNearestFilter || f === NearestMipmapLinearFilter ) {
|
||
|
|
|
||
|
|
return gl.NEAREST;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
return gl.LINEAR;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
getGLTextureType( texture ) {
|
||
|
|
|
||
|
|
const { gl } = this;
|
||
|
|
|
||
|
|
let glTextureType;
|
||
|
|
|
||
|
|
if ( texture.isCubeTexture === true ) {
|
||
|
|
|
||
|
|
glTextureType = gl.TEXTURE_CUBE_MAP;
|
||
|
|
|
||
|
|
} else {
|
||
|
|
|
||
|
|
glTextureType = gl.TEXTURE_2D;
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
return glTextureType;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
getInternalFormat( internalFormatName, glFormat, glType, colorSpace, forceLinearTransfer = false ) {
|
||
|
|
|
||
|
|
const { gl, extensions } = this;
|
||
|
|
|
||
|
|
if ( internalFormatName !== null ) {
|
||
|
|
|
||
|
|
if ( gl[ internalFormatName ] !== undefined ) return gl[ internalFormatName ];
|
||
|
|
|
||
|
|
console.warn( 'THREE.WebGLRenderer: Attempt to use non-existing WebGL internal format \'' + internalFormatName + '\'' );
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
let internalFormat = glFormat;
|
||
|
|
|
||
|
|
if ( glFormat === gl.RED ) {
|
||
|
|
|
||
|
|
if ( glType === gl.FLOAT ) internalFormat = gl.R32F;
|
||
|
|
if ( glType === gl.HALF_FLOAT ) internalFormat = gl.R16F;
|
||
|
|
if ( glType === gl.UNSIGNED_BYTE ) internalFormat = gl.R8;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( glFormat === gl.RED_INTEGER ) {
|
||
|
|
|
||
|
|
if ( glType === gl.UNSIGNED_BYTE ) internalFormat = gl.R8UI;
|
||
|
|
if ( glType === gl.UNSIGNED_SHORT ) internalFormat = gl.R16UI;
|
||
|
|
if ( glType === gl.UNSIGNED_INT ) internalFormat = gl.R32UI;
|
||
|
|
if ( glType === gl.BYTE ) internalFormat = gl.R8I;
|
||
|
|
if ( glType === gl.SHORT ) internalFormat = gl.R16I;
|
||
|
|
if ( glType === gl.INT ) internalFormat = gl.R32I;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( glFormat === gl.RG ) {
|
||
|
|
|
||
|
|
if ( glType === gl.FLOAT ) internalFormat = gl.RG32F;
|
||
|
|
if ( glType === gl.HALF_FLOAT ) internalFormat = gl.RG16F;
|
||
|
|
if ( glType === gl.UNSIGNED_BYTE ) internalFormat = gl.RG8;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( glFormat === gl.RGBA ) {
|
||
|
|
|
||
|
|
if ( glType === gl.FLOAT ) internalFormat = gl.RGBA32F;
|
||
|
|
if ( glType === gl.HALF_FLOAT ) internalFormat = gl.RGBA16F;
|
||
|
|
if ( glType === gl.UNSIGNED_BYTE ) internalFormat = ( colorSpace === SRGBColorSpace && forceLinearTransfer === false ) ? gl.SRGB8_ALPHA8 : gl.RGBA8;
|
||
|
|
if ( glType === gl.UNSIGNED_SHORT_4_4_4_4 ) internalFormat = gl.RGBA4;
|
||
|
|
if ( glType === gl.UNSIGNED_SHORT_5_5_5_1 ) internalFormat = gl.RGB5_A1;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( glFormat === gl.DEPTH_COMPONENT ) {
|
||
|
|
|
||
|
|
if ( glType === gl.UNSIGNED_INT ) internalFormat = gl.DEPTH_COMPONENT24;
|
||
|
|
if ( glType === gl.FLOAT ) internalFormat = gl.DEPTH_COMPONENT32F;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( glFormat === gl.DEPTH_STENCIL ) {
|
||
|
|
|
||
|
|
if ( glType === gl.UNSIGNED_INT_24_8 ) internalFormat = gl.DEPTH24_STENCIL8;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( internalFormat === gl.R16F || internalFormat === gl.R32F ||
|
||
|
|
internalFormat === gl.RG16F || internalFormat === gl.RG32F ||
|
||
|
|
internalFormat === gl.RGBA16F || internalFormat === gl.RGBA32F ) {
|
||
|
|
|
||
|
|
extensions.get( 'EXT_color_buffer_float' );
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
return internalFormat;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
setTextureParameters( textureType, texture ) {
|
||
|
|
|
||
|
|
const { gl, extensions } = this;
|
||
|
|
|
||
|
|
gl.texParameteri( textureType, gl.TEXTURE_WRAP_S, wrappingToGL[ texture.wrapS ] );
|
||
|
|
gl.texParameteri( textureType, gl.TEXTURE_WRAP_T, wrappingToGL[ texture.wrapT ] );
|
||
|
|
|
||
|
|
if ( textureType === gl.TEXTURE_3D || textureType === gl.TEXTURE_2D_ARRAY ) {
|
||
|
|
|
||
|
|
gl.texParameteri( textureType, gl.TEXTURE_WRAP_R, wrappingToGL[ texture.wrapR ] );
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
gl.texParameteri( textureType, gl.TEXTURE_MAG_FILTER, filterToGL[ texture.magFilter ] );
|
||
|
|
gl.texParameteri( textureType, gl.TEXTURE_MIN_FILTER, filterToGL[ texture.minFilter ] );
|
||
|
|
|
||
|
|
if ( texture.compareFunction ) {
|
||
|
|
|
||
|
|
gl.texParameteri( textureType, gl.TEXTURE_COMPARE_MODE, gl.COMPARE_REF_TO_TEXTURE );
|
||
|
|
gl.texParameteri( textureType, gl.TEXTURE_COMPARE_FUNC, compareToGL[ texture.compareFunction ] );
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( extensions.has( 'EXT_texture_filter_anisotropic' ) === true ) {
|
||
|
|
|
||
|
|
//extension = extensions.get( 'EXT_texture_filter_anisotropic' );
|
||
|
|
|
||
|
|
if ( texture.magFilter === NearestFilter ) return;
|
||
|
|
if ( texture.minFilter !== NearestMipmapLinearFilter && texture.minFilter !== LinearMipmapLinearFilter ) return;
|
||
|
|
if ( texture.type === FloatType && extensions.has( 'OES_texture_float_linear' ) === false ) return; // verify extension for WebGL 1 and WebGL 2
|
||
|
|
|
||
|
|
if ( texture.anisotropy > 1 /*|| properties.get( texture ).__currentAnisotropy*/ ) {
|
||
|
|
|
||
|
|
//gl.texParameterf( textureType, extension.TEXTURE_MAX_ANISOTROPY_EXT, Math.min( texture.anisotropy, capabilities.getMaxAnisotropy() ) );
|
||
|
|
//properties.get( texture ).__currentAnisotropy = texture.anisotropy;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
export default WebGLTextureUtils;
|