|
|
@@ -1,387 +0,0 @@
|
|
|
-/**
|
|
|
- * @author mikael emtinger / http://gomo.se/
|
|
|
- * @author alteredq / http://alteredqualia.com/
|
|
|
- */
|
|
|
-
|
|
|
-import { Box2 } from '../../math/Box2.js';
|
|
|
-import { Vector2 } from '../../math/Vector2.js';
|
|
|
-import { Vector3 } from '../../math/Vector3.js';
|
|
|
-
|
|
|
-function WebGLFlareRenderer( renderer, gl, state, textures, capabilities ) {
|
|
|
-
|
|
|
- var vertexBuffer, elementBuffer;
|
|
|
- var shader, program, attributes, uniforms;
|
|
|
-
|
|
|
- var tempTexture, occlusionTexture;
|
|
|
-
|
|
|
- function init() {
|
|
|
-
|
|
|
- var vertices = new Float32Array( [
|
|
|
- - 1, - 1, 0, 0,
|
|
|
- 1, - 1, 1, 0,
|
|
|
- 1, 1, 1, 1,
|
|
|
- - 1, 1, 0, 1
|
|
|
- ] );
|
|
|
-
|
|
|
- var faces = new Uint16Array( [
|
|
|
- 0, 1, 2,
|
|
|
- 0, 2, 3
|
|
|
- ] );
|
|
|
-
|
|
|
- // buffers
|
|
|
-
|
|
|
- vertexBuffer = gl.createBuffer();
|
|
|
- elementBuffer = gl.createBuffer();
|
|
|
-
|
|
|
- gl.bindBuffer( gl.ARRAY_BUFFER, vertexBuffer );
|
|
|
- gl.bufferData( gl.ARRAY_BUFFER, vertices, gl.STATIC_DRAW );
|
|
|
-
|
|
|
- gl.bindBuffer( gl.ELEMENT_ARRAY_BUFFER, elementBuffer );
|
|
|
- gl.bufferData( gl.ELEMENT_ARRAY_BUFFER, faces, gl.STATIC_DRAW );
|
|
|
-
|
|
|
- // textures
|
|
|
-
|
|
|
- tempTexture = gl.createTexture();
|
|
|
- occlusionTexture = gl.createTexture();
|
|
|
-
|
|
|
- state.bindTexture( gl.TEXTURE_2D, tempTexture );
|
|
|
- gl.texImage2D( gl.TEXTURE_2D, 0, gl.RGB, 16, 16, 0, gl.RGB, gl.UNSIGNED_BYTE, null );
|
|
|
- gl.texParameteri( gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE );
|
|
|
- gl.texParameteri( gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE );
|
|
|
- gl.texParameteri( gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST );
|
|
|
- gl.texParameteri( gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST );
|
|
|
-
|
|
|
- state.bindTexture( gl.TEXTURE_2D, occlusionTexture );
|
|
|
- gl.texImage2D( gl.TEXTURE_2D, 0, gl.RGBA, 16, 16, 0, gl.RGBA, gl.UNSIGNED_BYTE, null );
|
|
|
- gl.texParameteri( gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE );
|
|
|
- gl.texParameteri( gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE );
|
|
|
- gl.texParameteri( gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST );
|
|
|
- gl.texParameteri( gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST );
|
|
|
-
|
|
|
- shader = {
|
|
|
-
|
|
|
- vertexShader: [
|
|
|
-
|
|
|
- 'uniform lowp int renderType;',
|
|
|
-
|
|
|
- 'uniform vec3 screenPosition;',
|
|
|
- 'uniform vec2 scale;',
|
|
|
- 'uniform float rotation;',
|
|
|
-
|
|
|
- 'uniform sampler2D occlusionMap;',
|
|
|
-
|
|
|
- 'attribute vec2 position;',
|
|
|
- 'attribute vec2 uv;',
|
|
|
-
|
|
|
- 'varying vec2 vUV;',
|
|
|
- 'varying float vVisibility;',
|
|
|
-
|
|
|
- 'void main() {',
|
|
|
-
|
|
|
- ' vUV = uv;',
|
|
|
-
|
|
|
- ' vec2 pos = position;',
|
|
|
-
|
|
|
- ' if ( renderType == 2 ) {',
|
|
|
-
|
|
|
- ' vec4 visibility = texture2D( occlusionMap, vec2( 0.1, 0.1 ) );',
|
|
|
- ' visibility += texture2D( occlusionMap, vec2( 0.5, 0.1 ) );',
|
|
|
- ' visibility += texture2D( occlusionMap, vec2( 0.9, 0.1 ) );',
|
|
|
- ' visibility += texture2D( occlusionMap, vec2( 0.9, 0.5 ) );',
|
|
|
- ' visibility += texture2D( occlusionMap, vec2( 0.9, 0.9 ) );',
|
|
|
- ' visibility += texture2D( occlusionMap, vec2( 0.5, 0.9 ) );',
|
|
|
- ' visibility += texture2D( occlusionMap, vec2( 0.1, 0.9 ) );',
|
|
|
- ' visibility += texture2D( occlusionMap, vec2( 0.1, 0.5 ) );',
|
|
|
- ' visibility += texture2D( occlusionMap, vec2( 0.5, 0.5 ) );',
|
|
|
-
|
|
|
- ' vVisibility = visibility.r / 9.0;',
|
|
|
- ' vVisibility *= 1.0 - visibility.g / 9.0;',
|
|
|
- ' vVisibility *= visibility.b / 9.0;',
|
|
|
- ' vVisibility *= 1.0 - visibility.a / 9.0;',
|
|
|
-
|
|
|
- ' pos.x = cos( rotation ) * position.x - sin( rotation ) * position.y;',
|
|
|
- ' pos.y = sin( rotation ) * position.x + cos( rotation ) * position.y;',
|
|
|
-
|
|
|
- ' }',
|
|
|
-
|
|
|
- ' gl_Position = vec4( ( pos * scale + screenPosition.xy ).xy, screenPosition.z, 1.0 );',
|
|
|
-
|
|
|
- '}'
|
|
|
-
|
|
|
- ].join( '\n' ),
|
|
|
-
|
|
|
- fragmentShader: [
|
|
|
-
|
|
|
- 'uniform lowp int renderType;',
|
|
|
-
|
|
|
- 'uniform sampler2D map;',
|
|
|
- 'uniform float opacity;',
|
|
|
- 'uniform vec3 color;',
|
|
|
-
|
|
|
- 'varying vec2 vUV;',
|
|
|
- 'varying float vVisibility;',
|
|
|
-
|
|
|
- 'void main() {',
|
|
|
-
|
|
|
- // pink square
|
|
|
-
|
|
|
- ' if ( renderType == 0 ) {',
|
|
|
-
|
|
|
- ' gl_FragColor = vec4( 1.0, 0.0, 1.0, 0.0 );',
|
|
|
-
|
|
|
- // restore
|
|
|
-
|
|
|
- ' } else if ( renderType == 1 ) {',
|
|
|
-
|
|
|
- ' gl_FragColor = texture2D( map, vUV );',
|
|
|
-
|
|
|
- // flare
|
|
|
-
|
|
|
- ' } else {',
|
|
|
-
|
|
|
- ' vec4 texture = texture2D( map, vUV );',
|
|
|
- ' texture.a *= opacity * vVisibility;',
|
|
|
- ' gl_FragColor = texture;',
|
|
|
- ' gl_FragColor.rgb *= color;',
|
|
|
-
|
|
|
- ' }',
|
|
|
-
|
|
|
- '}'
|
|
|
-
|
|
|
- ].join( '\n' )
|
|
|
-
|
|
|
- };
|
|
|
-
|
|
|
- program = createProgram( shader );
|
|
|
-
|
|
|
- attributes = {
|
|
|
- vertex: gl.getAttribLocation( program, 'position' ),
|
|
|
- uv: gl.getAttribLocation( program, 'uv' )
|
|
|
- };
|
|
|
-
|
|
|
- uniforms = {
|
|
|
- renderType: gl.getUniformLocation( program, 'renderType' ),
|
|
|
- map: gl.getUniformLocation( program, 'map' ),
|
|
|
- occlusionMap: gl.getUniformLocation( program, 'occlusionMap' ),
|
|
|
- opacity: gl.getUniformLocation( program, 'opacity' ),
|
|
|
- color: gl.getUniformLocation( program, 'color' ),
|
|
|
- scale: gl.getUniformLocation( program, 'scale' ),
|
|
|
- rotation: gl.getUniformLocation( program, 'rotation' ),
|
|
|
- screenPosition: gl.getUniformLocation( program, 'screenPosition' )
|
|
|
- };
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- /*
|
|
|
- * Render lens flares
|
|
|
- * Method: renders 16x16 0xff00ff-colored points scattered over the light source area,
|
|
|
- * reads these back and calculates occlusion.
|
|
|
- */
|
|
|
-
|
|
|
- this.render = function ( flares, scene, camera, viewport ) {
|
|
|
-
|
|
|
- if ( flares.length === 0 ) return;
|
|
|
-
|
|
|
- var tempPosition = new Vector3();
|
|
|
-
|
|
|
- var invAspect = viewport.w / viewport.z,
|
|
|
- halfViewportWidth = viewport.z * 0.5,
|
|
|
- halfViewportHeight = viewport.w * 0.5;
|
|
|
-
|
|
|
- var size = 16 / viewport.w,
|
|
|
- scale = new Vector2( size * invAspect, size );
|
|
|
-
|
|
|
- var screenPosition = new Vector3( 1, 1, 0 ),
|
|
|
- screenPositionPixels = new Vector2( 1, 1 );
|
|
|
-
|
|
|
- var validArea = new Box2();
|
|
|
-
|
|
|
- validArea.min.set( viewport.x, viewport.y );
|
|
|
- validArea.max.set( viewport.x + ( viewport.z - 16 ), viewport.y + ( viewport.w - 16 ) );
|
|
|
-
|
|
|
- if ( program === undefined ) {
|
|
|
-
|
|
|
- init();
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- state.useProgram( program );
|
|
|
-
|
|
|
- state.initAttributes();
|
|
|
- state.enableAttribute( attributes.vertex );
|
|
|
- state.enableAttribute( attributes.uv );
|
|
|
- state.disableUnusedAttributes();
|
|
|
-
|
|
|
- // loop through all lens flares to update their occlusion and positions
|
|
|
- // setup gl and common used attribs/uniforms
|
|
|
-
|
|
|
- gl.uniform1i( uniforms.occlusionMap, 0 );
|
|
|
- gl.uniform1i( uniforms.map, 1 );
|
|
|
-
|
|
|
- gl.bindBuffer( gl.ARRAY_BUFFER, vertexBuffer );
|
|
|
- gl.vertexAttribPointer( attributes.vertex, 2, gl.FLOAT, false, 2 * 8, 0 );
|
|
|
- gl.vertexAttribPointer( attributes.uv, 2, gl.FLOAT, false, 2 * 8, 8 );
|
|
|
-
|
|
|
- gl.bindBuffer( gl.ELEMENT_ARRAY_BUFFER, elementBuffer );
|
|
|
-
|
|
|
- state.disable( gl.CULL_FACE );
|
|
|
- state.buffers.depth.setMask( false );
|
|
|
-
|
|
|
- for ( var i = 0, l = flares.length; i < l; i ++ ) {
|
|
|
-
|
|
|
- size = 16 / viewport.w;
|
|
|
- scale.set( size * invAspect, size );
|
|
|
-
|
|
|
- // calc object screen position
|
|
|
-
|
|
|
- var flare = flares[ i ];
|
|
|
-
|
|
|
- tempPosition.set( flare.matrixWorld.elements[ 12 ], flare.matrixWorld.elements[ 13 ], flare.matrixWorld.elements[ 14 ] );
|
|
|
-
|
|
|
- tempPosition.applyMatrix4( camera.matrixWorldInverse );
|
|
|
- tempPosition.applyMatrix4( camera.projectionMatrix );
|
|
|
-
|
|
|
- // setup arrays for gl programs
|
|
|
-
|
|
|
- screenPosition.copy( tempPosition );
|
|
|
-
|
|
|
- // horizontal and vertical coordinate of the lower left corner of the pixels to copy
|
|
|
-
|
|
|
- screenPositionPixels.x = viewport.x + ( screenPosition.x * halfViewportWidth ) + halfViewportWidth - 8;
|
|
|
- screenPositionPixels.y = viewport.y + ( screenPosition.y * halfViewportHeight ) + halfViewportHeight - 8;
|
|
|
-
|
|
|
- // screen cull
|
|
|
-
|
|
|
- if ( validArea.containsPoint( screenPositionPixels ) === true ) {
|
|
|
-
|
|
|
- // save current RGB to temp texture
|
|
|
-
|
|
|
- state.activeTexture( gl.TEXTURE0 );
|
|
|
- state.bindTexture( gl.TEXTURE_2D, null );
|
|
|
- state.activeTexture( gl.TEXTURE1 );
|
|
|
- state.bindTexture( gl.TEXTURE_2D, tempTexture );
|
|
|
- gl.copyTexImage2D( gl.TEXTURE_2D, 0, gl.RGB, screenPositionPixels.x, screenPositionPixels.y, 16, 16, 0 );
|
|
|
-
|
|
|
-
|
|
|
- // render pink quad
|
|
|
-
|
|
|
- gl.uniform1i( uniforms.renderType, 0 );
|
|
|
- gl.uniform2f( uniforms.scale, scale.x, scale.y );
|
|
|
- gl.uniform3f( uniforms.screenPosition, screenPosition.x, screenPosition.y, screenPosition.z );
|
|
|
-
|
|
|
- state.disable( gl.BLEND );
|
|
|
- state.enable( gl.DEPTH_TEST );
|
|
|
-
|
|
|
- gl.drawElements( gl.TRIANGLES, 6, gl.UNSIGNED_SHORT, 0 );
|
|
|
-
|
|
|
-
|
|
|
- // copy result to occlusionMap
|
|
|
-
|
|
|
- state.activeTexture( gl.TEXTURE0 );
|
|
|
- state.bindTexture( gl.TEXTURE_2D, occlusionTexture );
|
|
|
- gl.copyTexImage2D( gl.TEXTURE_2D, 0, gl.RGBA, screenPositionPixels.x, screenPositionPixels.y, 16, 16, 0 );
|
|
|
-
|
|
|
-
|
|
|
- // restore graphics
|
|
|
-
|
|
|
- gl.uniform1i( uniforms.renderType, 1 );
|
|
|
- state.disable( gl.DEPTH_TEST );
|
|
|
-
|
|
|
- state.activeTexture( gl.TEXTURE1 );
|
|
|
- state.bindTexture( gl.TEXTURE_2D, tempTexture );
|
|
|
- gl.drawElements( gl.TRIANGLES, 6, gl.UNSIGNED_SHORT, 0 );
|
|
|
-
|
|
|
-
|
|
|
- // update object positions
|
|
|
-
|
|
|
- flare.positionScreen.copy( screenPosition );
|
|
|
-
|
|
|
- if ( flare.customUpdateCallback ) {
|
|
|
-
|
|
|
- flare.customUpdateCallback( flare );
|
|
|
-
|
|
|
- } else {
|
|
|
-
|
|
|
- flare.updateLensFlares();
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- // render flares
|
|
|
-
|
|
|
- gl.uniform1i( uniforms.renderType, 2 );
|
|
|
- state.enable( gl.BLEND );
|
|
|
-
|
|
|
- for ( var j = 0, jl = flare.lensFlares.length; j < jl; j ++ ) {
|
|
|
-
|
|
|
- var sprite = flare.lensFlares[ j ];
|
|
|
-
|
|
|
- if ( sprite.opacity > 0.001 && sprite.scale > 0.001 ) {
|
|
|
-
|
|
|
- screenPosition.x = sprite.x;
|
|
|
- screenPosition.y = sprite.y;
|
|
|
- screenPosition.z = sprite.z;
|
|
|
-
|
|
|
- size = sprite.size * sprite.scale / viewport.w;
|
|
|
-
|
|
|
- scale.x = size * invAspect;
|
|
|
- scale.y = size;
|
|
|
-
|
|
|
- gl.uniform3f( uniforms.screenPosition, screenPosition.x, screenPosition.y, screenPosition.z );
|
|
|
- gl.uniform2f( uniforms.scale, scale.x, scale.y );
|
|
|
- gl.uniform1f( uniforms.rotation, sprite.rotation );
|
|
|
-
|
|
|
- gl.uniform1f( uniforms.opacity, sprite.opacity );
|
|
|
- gl.uniform3f( uniforms.color, sprite.color.r, sprite.color.g, sprite.color.b );
|
|
|
-
|
|
|
- state.setBlending( sprite.blending, sprite.blendEquation, sprite.blendSrc, sprite.blendDst );
|
|
|
-
|
|
|
- textures.setTexture2D( sprite.texture, 1 );
|
|
|
-
|
|
|
- gl.drawElements( gl.TRIANGLES, 6, gl.UNSIGNED_SHORT, 0 );
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- // restore gl
|
|
|
-
|
|
|
- state.enable( gl.CULL_FACE );
|
|
|
- state.enable( gl.DEPTH_TEST );
|
|
|
- state.buffers.depth.setMask( true );
|
|
|
-
|
|
|
- state.reset();
|
|
|
-
|
|
|
- };
|
|
|
-
|
|
|
- function createProgram( shader ) {
|
|
|
-
|
|
|
- var program = gl.createProgram();
|
|
|
-
|
|
|
- var fragmentShader = gl.createShader( gl.FRAGMENT_SHADER );
|
|
|
- var vertexShader = gl.createShader( gl.VERTEX_SHADER );
|
|
|
-
|
|
|
- var prefix = 'precision ' + capabilities.precision + ' float;\n';
|
|
|
-
|
|
|
- gl.shaderSource( fragmentShader, prefix + shader.fragmentShader );
|
|
|
- gl.shaderSource( vertexShader, prefix + shader.vertexShader );
|
|
|
-
|
|
|
- gl.compileShader( fragmentShader );
|
|
|
- gl.compileShader( vertexShader );
|
|
|
-
|
|
|
- gl.attachShader( program, fragmentShader );
|
|
|
- gl.attachShader( program, vertexShader );
|
|
|
-
|
|
|
- gl.linkProgram( program );
|
|
|
-
|
|
|
- return program;
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-export { WebGLFlareRenderer };
|
Mugen87