/** * @author sunag / http://www.sunag.com.br/ */ import { Node } from '../../core/Node.js'; import { ColorNode } from '../../inputs/ColorNode.js'; function SpriteNode() { Node.call( this ); this.color = new ColorNode( 0xEEEEEE ); this.spherical = true; } SpriteNode.prototype = Object.create( Node.prototype ); SpriteNode.prototype.constructor = SpriteNode; SpriteNode.prototype.nodeType = "Sprite"; SpriteNode.prototype.build = function ( builder ) { var output, code; builder.define( 'SPRITE' ); builder.requires.lights = false; builder.requires.transparent = this.alpha !== undefined; if ( builder.isShader( 'vertex' ) ) { var position = this.position ? this.position.parseAndBuildCode( builder, 'v3', { cache: 'position' } ) : undefined; builder.mergeUniform( THREE.UniformsUtils.merge( [ THREE.UniformsLib.fog ] ) ); builder.addParsCode( [ "#include ", "#include ", "#include " ].join( "\n" ) ); output = [ "#include ", "#include " ]; if ( position ) { output.push( position.code, position.result ? "transformed = " + position.result + ";" : '' ); } output.push( "#include ", "#include ", 'mat4 modelViewMtx = modelViewMatrix;', 'mat4 modelMtx = modelMatrix;', // ignore position from modelMatrix (use vary position) 'modelMtx[3][0] = 0.0;', 'modelMtx[3][1] = 0.0;', 'modelMtx[3][2] = 0.0;' ); if ( ! this.spherical ) { output.push( 'modelMtx[1][1] = 1.0;' ); } output.push( // http://www.geeks3d.com/20140807/billboarding-vertex-shader-glsl/ // First colunm. 'modelViewMtx[0][0] = 1.0;', 'modelViewMtx[0][1] = 0.0;', 'modelViewMtx[0][2] = 0.0;' ); if ( this.spherical ) { output.push( // Second colunm. 'modelViewMtx[1][0] = 0.0;', 'modelViewMtx[1][1] = 1.0;', 'modelViewMtx[1][2] = 0.0;' ); } output.push( // Thrid colunm. 'modelViewMtx[2][0] = 0.0;', 'modelViewMtx[2][1] = 0.0;', 'modelViewMtx[2][2] = 1.0;', "gl_Position = projectionMatrix * modelViewMtx * modelMtx * vec4( transformed, 1.0 );", "#include ", "#include ", "#include " ); } else { builder.addParsCode( [ "#include ", "#include ", "#include " ].join( "\n" ) ); builder.addCode( [ "#include ", "#include " ].join( "\n" ) ); // parse all nodes to reuse generate codes if ( this.alpha ) this.alpha.parse( builder ); this.color.parse( builder, { slot: 'color' } ); // build code var alpha = this.alpha ? this.alpha.buildCode( builder, 'f' ) : undefined, color = this.color.buildCode( builder, 'c', { slot: 'color' } ); if ( alpha ) { output = [ alpha.code, '#ifdef ALPHATEST', 'if ( ' + alpha.result + ' <= ALPHATEST ) discard;', '#endif', color.code, "gl_FragColor = vec4( " + color.result + ", " + alpha.result + " );" ]; } else { output = [ color.code, "gl_FragColor = vec4( " + color.result + ", 1.0 );" ]; } output.push( "#include ", "#include ", "#include " ); } return output.join( "\n" ); }; SpriteNode.prototype.copy = function ( source ) { Node.prototype.copy.call( this, source ); // vertex if ( source.position ) this.position = source.position; // fragment this.color = source.color; if ( source.spherical !== undefined ) this.spherical = source.spherical; if ( source.alpha ) this.alpha = source.alpha; }; SpriteNode.prototype.toJSON = function ( meta ) { var data = this.getJSONNode( meta ); if ( ! data ) { data = this.createJSONNode( meta ); // vertex if ( this.position ) data.position = this.position.toJSON( meta ).uuid; // fragment data.color = this.color.toJSON( meta ).uuid; if ( this.spherical === false ) data.spherical = false; if ( this.alpha ) data.alpha = this.alpha.toJSON( meta ).uuid; } return data; }; export { SpriteNode };