three-stdlib
Version:
stand-alone library of threejs examples
225 lines (171 loc) • 6.65 kB
JavaScript
var __defProp = Object.defineProperty;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __publicField = (obj, key, value) => {
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
return value;
};
import { MathUtils, WebGLRenderTarget, Vector2, Mesh, PlaneGeometry, OrthographicCamera, RawShaderMaterial, NoBlending } from "three";
var _mipmapMaterial = /* @__PURE__ */ _getMipmapMaterial();
var _mesh = /* @__PURE__ */ new Mesh(/* @__PURE__ */ new PlaneGeometry(2, 2), _mipmapMaterial);
var _flatCamera = /* @__PURE__ */ new OrthographicCamera(0, 1, 0, 1, 0, 1);
var _tempTarget = null;
class RoughnessMipmapper {
constructor(renderer) {
__publicField(this, "generateMipmaps", function(material) {
if ("roughnessMap" in material === false)
return;
var { roughnessMap, normalMap } = material;
if (roughnessMap === null || normalMap === null || !roughnessMap.generateMipmaps || material.userData.roughnessUpdated) {
return;
}
material.userData.roughnessUpdated = true;
var width = Math.max(roughnessMap.image.width, normalMap.image.width);
var height = Math.max(roughnessMap.image.height, normalMap.image.height);
if (!MathUtils.isPowerOfTwo(width) || !MathUtils.isPowerOfTwo(height))
return;
var oldTarget = this._renderer.getRenderTarget();
var autoClear = this._renderer.autoClear;
this._renderer.autoClear = false;
if (_tempTarget === null || _tempTarget.width !== width || _tempTarget.height !== height) {
if (_tempTarget !== null)
_tempTarget.dispose();
_tempTarget = new WebGLRenderTarget(width, height, {
depthBuffer: false
});
_tempTarget.scissorTest = true;
}
if (width !== roughnessMap.image.width || height !== roughnessMap.image.height) {
var params = {
wrapS: roughnessMap.wrapS,
wrapT: roughnessMap.wrapT,
magFilter: roughnessMap.magFilter,
minFilter: roughnessMap.minFilter,
depthBuffer: false
};
var newRoughnessTarget = new WebGLRenderTarget(width, height, params);
newRoughnessTarget.texture.generateMipmaps = true;
this._renderer.setRenderTarget(newRoughnessTarget);
material.roughnessMap = newRoughnessTarget.texture;
if (material.metalnessMap == roughnessMap)
material.metalnessMap = material.roughnessMap;
if (material.aoMap == roughnessMap)
material.aoMap = material.roughnessMap;
}
_mipmapMaterial.uniforms.roughnessMap.value = roughnessMap;
_mipmapMaterial.uniforms.normalMap.value = normalMap;
var position = new Vector2(0, 0);
var texelSize = _mipmapMaterial.uniforms.texelSize.value;
for (let mip = 0; width >= 1 && height >= 1; ++mip, width /= 2, height /= 2) {
texelSize.set(1 / width, 1 / height);
if (mip == 0)
texelSize.set(0, 0);
_tempTarget.viewport.set(position.x, position.y, width, height);
_tempTarget.scissor.set(position.x, position.y, width, height);
this._renderer.setRenderTarget(_tempTarget);
this._renderer.render(_mesh, _flatCamera);
this._renderer.copyFramebufferToTexture(position, material.roughnessMap, mip);
_mipmapMaterial.uniforms.roughnessMap.value = material.roughnessMap;
}
if (roughnessMap !== material.roughnessMap)
roughnessMap.dispose();
this._renderer.setRenderTarget(oldTarget);
this._renderer.autoClear = autoClear;
});
__publicField(this, "dispose", function() {
_mipmapMaterial.dispose();
_mesh.geometry.dispose();
if (_tempTarget != null)
_tempTarget.dispose();
});
this._renderer = renderer;
this._renderer.compile(_mesh, _flatCamera);
}
}
function _getMipmapMaterial() {
var shaderMaterial = new RawShaderMaterial({
uniforms: {
roughnessMap: { value: null },
normalMap: { value: null },
texelSize: { value: new Vector2(1, 1) }
},
vertexShader: (
/* glsl */
`
precision mediump float;
precision mediump int;
attribute vec3 position;
attribute vec2 uv;
varying vec2 vUv;
void main() {
vUv = uv;
gl_Position = vec4( position, 1.0 );
}
`
),
fragmentShader: (
/* glsl */
`
precision mediump float;
precision mediump int;
varying vec2 vUv;
uniform sampler2D roughnessMap;
uniform sampler2D normalMap;
uniform vec2 texelSize;
vec4 envMapTexelToLinear( vec4 a ) { return a; }
float roughnessToVariance( float roughness ) {
float variance = 0.0;
if ( roughness >= r1 ) {
variance = ( r0 - roughness ) * ( v1 - v0 ) / ( r0 - r1 ) + v0;
} else if ( roughness >= r4 ) {
variance = ( r1 - roughness ) * ( v4 - v1 ) / ( r1 - r4 ) + v1;
} else if ( roughness >= r5 ) {
variance = ( r4 - roughness ) * ( v5 - v4 ) / ( r4 - r5 ) + v4;
} else {
float roughness2 = roughness * roughness;
variance = 1.79 * roughness2 * roughness2;
}
return variance;
}
float varianceToRoughness( float variance ) {
float roughness = 0.0;
if ( variance >= v1 ) {
roughness = ( v0 - variance ) * ( r1 - r0 ) / ( v0 - v1 ) + r0;
} else if ( variance >= v4 ) {
roughness = ( v1 - variance ) * ( r4 - r1 ) / ( v1 - v4 ) + r1;
} else if ( variance >= v5 ) {
roughness = ( v4 - variance ) * ( r5 - r4 ) / ( v4 - v5 ) + r4;
} else {
roughness = pow( 0.559 * variance, 0.25 ); // 0.559 = 1.0 / 1.79
}
return roughness;
}
void main() {
gl_FragColor = texture2D( roughnessMap, vUv, - 1.0 );
if ( texelSize.x == 0.0 ) return;
float roughness = gl_FragColor.g;
float variance = roughnessToVariance( roughness );
vec3 avgNormal;
for ( float x = - 1.0; x < 2.0; x += 2.0 ) {
for ( float y = - 1.0; y < 2.0; y += 2.0 ) {
vec2 uv = vUv + vec2( x, y ) * 0.25 * texelSize;
avgNormal += normalize( texture2D( normalMap, uv, - 1.0 ).xyz - 0.5 );
}
}
variance += 1.0 - 0.25 * length( avgNormal );
gl_FragColor.g = varianceToRoughness( variance );
}
`
),
blending: NoBlending,
depthTest: false,
depthWrite: false
});
shaderMaterial.type = "RoughnessMipmapper";
return shaderMaterial;
}
export {
RoughnessMipmapper
};
//# sourceMappingURL=RoughnessMipmapper.js.map