three-stdlib
Version:
stand-alone library of threejs examples
68 lines (67 loc) • 2.71 kB
JavaScript
;
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const THREE = require("three");
const constants = require("../_polyfill/constants.cjs");
class ParallaxBarrierEffect {
constructor(renderer) {
const _camera = new THREE.OrthographicCamera(-1, 1, 1, -1, 0, 1);
const _scene = new THREE.Scene();
const _stereo = new THREE.StereoCamera();
const _params = { minFilter: THREE.LinearFilter, magFilter: THREE.NearestFilter, format: THREE.RGBAFormat };
const _renderTargetL = new THREE.WebGLRenderTarget(512, 512, _params);
const _renderTargetR = new THREE.WebGLRenderTarget(512, 512, _params);
const _material = new THREE.ShaderMaterial({
uniforms: {
mapLeft: { value: _renderTargetL.texture },
mapRight: { value: _renderTargetR.texture }
},
vertexShader: [
"varying vec2 vUv;",
"void main() {",
" vUv = vec2( uv.x, uv.y );",
" gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );",
"}"
].join("\n"),
fragmentShader: [
"uniform sampler2D mapLeft;",
"uniform sampler2D mapRight;",
"varying vec2 vUv;",
"void main() {",
" vec2 uv = vUv;",
" if ( ( mod( gl_FragCoord.y, 2.0 ) ) > 1.00 ) {",
" gl_FragColor = texture2D( mapLeft, uv );",
" } else {",
" gl_FragColor = texture2D( mapRight, uv );",
" }",
" #include <tonemapping_fragment>",
` #include <${constants.version >= 154 ? "colorspace_fragment" : "encodings_fragment"}>`,
"}"
].join("\n")
});
const mesh = new THREE.Mesh(new THREE.PlaneGeometry(2, 2), _material);
_scene.add(mesh);
this.setSize = function(width, height) {
renderer.setSize(width, height);
const pixelRatio = renderer.getPixelRatio();
_renderTargetL.setSize(width * pixelRatio, height * pixelRatio);
_renderTargetR.setSize(width * pixelRatio, height * pixelRatio);
};
this.render = function(scene, camera) {
if (scene.matrixWorldAutoUpdate === true)
scene.updateMatrixWorld();
if (camera.parent === null && camera.matrixWorldAutoUpdate === true)
camera.updateMatrixWorld();
_stereo.update(camera);
renderer.setRenderTarget(_renderTargetL);
renderer.clear();
renderer.render(scene, _stereo.cameraL);
renderer.setRenderTarget(_renderTargetR);
renderer.clear();
renderer.render(scene, _stereo.cameraR);
renderer.setRenderTarget(null);
renderer.render(_scene, _camera);
};
}
}
exports.ParallaxBarrierEffect = ParallaxBarrierEffect;
//# sourceMappingURL=ParallaxBarrierEffect.cjs.map