Newer
Older
HuangJiPC / public / static / three / examples / js / effects / ParallaxBarrierEffect.js
@zhangdeliang zhangdeliang on 21 Jun 2 KB update
( function () {

	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 );', '	}', '}' ].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 );

			};

		}

	}

	THREE.ParallaxBarrierEffect = ParallaxBarrierEffect;

} )();