Files
tekelanew_acs/acs/nladmin-ui/node_modules/echarts-gl/lib/effect/SSAOPass.js
2024-12-05 09:33:18 +08:00

252 lines
6.9 KiB
JavaScript

"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _Matrix = require("claygl/src/math/Matrix4");
var _Vector = require("claygl/src/math/Vector3");
var _Texture2D = require("claygl/src/Texture2D");
var _Texture = require("claygl/src/Texture");
var _Pass = require("claygl/src/compositor/Pass");
var _Shader = require("claygl/src/Shader");
var _FrameBuffer = require("claygl/src/FrameBuffer");
var _halton = require("./halton");
var _SSAOGlsl = require("./SSAO.glsl.js");
_Shader.default.import(_SSAOGlsl.default);
function generateNoiseData(size) {
var data = new Uint8Array(size * size * 4);
var n = 0;
var v3 = new _Vector.default();
for (var i = 0; i < size; i++) {
for (var j = 0; j < size; j++) {
v3.set(Math.random() * 2 - 1, Math.random() * 2 - 1, 0).normalize();
data[n++] = (v3.x * 0.5 + 0.5) * 255;
data[n++] = (v3.y * 0.5 + 0.5) * 255;
data[n++] = 0;
data[n++] = 255;
}
}
return data;
}
function generateNoiseTexture(size) {
return new _Texture2D.default({
pixels: generateNoiseData(size),
wrapS: _Texture.default.REPEAT,
wrapT: _Texture.default.REPEAT,
width: size,
height: size
});
}
function generateKernel(size, offset, hemisphere) {
var kernel = new Float32Array(size * 3);
offset = offset || 0;
for (var i = 0; i < size; i++) {
var phi = (0, _halton.default)(i + offset, 2) * (hemisphere ? 1 : 2) * Math.PI;
var theta = (0, _halton.default)(i + offset, 3) * Math.PI;
var r = Math.random();
var x = Math.cos(phi) * Math.sin(theta) * r;
var y = Math.cos(theta) * r;
var z = Math.sin(phi) * Math.sin(theta) * r;
kernel[i * 3] = x;
kernel[i * 3 + 1] = y;
kernel[i * 3 + 2] = z;
}
return kernel; // var kernel = new Float32Array(size * 3);
// var v3 = new Vector3();
// for (var i = 0; i < size; i++) {
// v3.set(Math.random() * 2 - 1, Math.random() * 2 - 1, Math.random())
// .normalize().scale(Math.random());
// kernel[i * 3] = v3.x;
// kernel[i * 3 + 1] = v3.y;
// kernel[i * 3 + 2] = v3.z;
// }
// return kernel;
}
function SSAOPass(opt) {
opt = opt || {};
this._ssaoPass = new _Pass.default({
fragment: _Shader.default.source('ecgl.ssao.estimate')
});
this._blurPass = new _Pass.default({
fragment: _Shader.default.source('ecgl.ssao.blur')
});
this._framebuffer = new _FrameBuffer.default({
depthBuffer: false
});
this._ssaoTexture = new _Texture2D.default();
this._blurTexture = new _Texture2D.default();
this._blurTexture2 = new _Texture2D.default();
this._depthTex = opt.depthTexture;
this._normalTex = opt.normalTexture;
this.setNoiseSize(4);
this.setKernelSize(opt.kernelSize || 12);
if (opt.radius != null) {
this.setParameter('radius', opt.radius);
}
if (opt.power != null) {
this.setParameter('power', opt.power);
}
if (!this._normalTex) {
this._ssaoPass.material.disableTexture('normalTex');
this._blurPass.material.disableTexture('normalTex');
}
if (!this._depthTex) {
this._blurPass.material.disableTexture('depthTex');
}
this._blurPass.material.setUniform('normalTex', this._normalTex);
this._blurPass.material.setUniform('depthTex', this._depthTex);
}
SSAOPass.prototype.setDepthTexture = function (depthTex) {
this._depthTex = depthTex;
};
SSAOPass.prototype.setNormalTexture = function (normalTex) {
this._normalTex = normalTex;
this._ssaoPass.material[normalTex ? 'enableTexture' : 'disableTexture']('normalTex'); // Switch between hemisphere and shere kernel.
this.setKernelSize(this._kernelSize);
};
SSAOPass.prototype.update = function (renderer, camera, frame) {
var width = renderer.getWidth();
var height = renderer.getHeight();
var ssaoPass = this._ssaoPass;
var blurPass = this._blurPass;
ssaoPass.setUniform('kernel', this._kernels[frame % this._kernels.length]);
ssaoPass.setUniform('depthTex', this._depthTex);
if (this._normalTex != null) {
ssaoPass.setUniform('normalTex', this._normalTex);
}
ssaoPass.setUniform('depthTexSize', [this._depthTex.width, this._depthTex.height]);
var viewInverseTranspose = new _Matrix.default();
_Matrix.default.transpose(viewInverseTranspose, camera.worldTransform);
ssaoPass.setUniform('projection', camera.projectionMatrix.array);
ssaoPass.setUniform('projectionInv', camera.invProjectionMatrix.array);
ssaoPass.setUniform('viewInverseTranspose', viewInverseTranspose.array);
var ssaoTexture = this._ssaoTexture;
var blurTexture = this._blurTexture;
var blurTexture2 = this._blurTexture2;
ssaoTexture.width = width / 2;
ssaoTexture.height = height / 2;
blurTexture.width = width;
blurTexture.height = height;
blurTexture2.width = width;
blurTexture2.height = height;
this._framebuffer.attach(ssaoTexture);
this._framebuffer.bind(renderer);
renderer.gl.clearColor(1, 1, 1, 1);
renderer.gl.clear(renderer.gl.COLOR_BUFFER_BIT);
ssaoPass.render(renderer);
blurPass.setUniform('textureSize', [width / 2, height / 2]);
blurPass.setUniform('projection', camera.projectionMatrix.array);
this._framebuffer.attach(blurTexture);
blurPass.setUniform('direction', 0);
blurPass.setUniform('ssaoTexture', ssaoTexture);
blurPass.render(renderer);
this._framebuffer.attach(blurTexture2);
blurPass.setUniform('textureSize', [width, height]);
blurPass.setUniform('direction', 1);
blurPass.setUniform('ssaoTexture', blurTexture);
blurPass.render(renderer);
this._framebuffer.unbind(renderer); // Restore clear
var clearColor = renderer.clearColor;
renderer.gl.clearColor(clearColor[0], clearColor[1], clearColor[2], clearColor[3]);
};
SSAOPass.prototype.getTargetTexture = function () {
return this._blurTexture2;
};
SSAOPass.prototype.setParameter = function (name, val) {
if (name === 'noiseTexSize') {
this.setNoiseSize(val);
} else if (name === 'kernelSize') {
this.setKernelSize(val);
} else if (name === 'intensity') {
this._ssaoPass.material.set('intensity', val);
} else {
this._ssaoPass.setUniform(name, val);
}
};
SSAOPass.prototype.setKernelSize = function (size) {
this._kernelSize = size;
this._ssaoPass.material.define('fragment', 'KERNEL_SIZE', size);
this._kernels = this._kernels || [];
for (var i = 0; i < 30; i++) {
this._kernels[i] = generateKernel(size, i * size, !!this._normalTex);
}
};
SSAOPass.prototype.setNoiseSize = function (size) {
var texture = this._ssaoPass.getUniform('noiseTex');
if (!texture) {
texture = generateNoiseTexture(size);
this._ssaoPass.setUniform('noiseTex', generateNoiseTexture(size));
} else {
texture.data = generateNoiseData(size);
texture.width = texture.height = size;
texture.dirty();
}
this._ssaoPass.setUniform('noiseTexSize', [size, size]);
};
SSAOPass.prototype.dispose = function (renderer) {
this._blurTexture.dispose(renderer);
this._ssaoTexture.dispose(renderer);
this._blurTexture2.dispose(renderer);
};
var _default = SSAOPass;
exports.default = _default;