TextureNode.js 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290
  1. import UniformNode, { uniform } from '../core/UniformNode.js';
  2. import { uv } from './UVNode.js';
  3. import { textureSize } from './TextureSizeNode.js';
  4. import { colorSpaceToLinear } from '../display/ColorSpaceNode.js';
  5. import { context } from '../core/ContextNode.js';
  6. import { expression } from '../code/ExpressionNode.js';
  7. import { addNodeClass } from '../core/Node.js';
  8. import { addNodeElement, nodeProxy, vec3, nodeObject } from '../shadernode/ShaderNode.js';
  9. import { NodeUpdateType } from '../core/constants.js';
  10. class TextureNode extends UniformNode {
  11. constructor( value, uvNode = null, levelNode = null, compareNode = null ) {
  12. super( value );
  13. this.isTextureNode = true;
  14. this.uvNode = uvNode;
  15. this.levelNode = levelNode;
  16. this.compareNode = compareNode;
  17. this.updateMatrix = false;
  18. this.updateType = NodeUpdateType.NONE;
  19. this.setUpdateMatrix( uvNode === null );
  20. }
  21. getUniformHash( /*builder*/ ) {
  22. return this.value.uuid;
  23. }
  24. getNodeType( /*builder*/ ) {
  25. if ( this.value.isDepthTexture === true ) return 'float';
  26. return 'vec4';
  27. }
  28. getInputType( /*builder*/ ) {
  29. return 'texture';
  30. }
  31. getDefaultUV() {
  32. return uv( this.value.channel );
  33. }
  34. updateReference( /*frame*/ ) {
  35. return this.value;
  36. }
  37. getTransformedUV( uvNode ) {
  38. const texture = this.value;
  39. return uniform( texture.matrix ).mul( vec3( uvNode, 1 ) ).xy;
  40. }
  41. setUpdateMatrix( value ) {
  42. this.updateMatrix = value;
  43. this.updateType = value ? NodeUpdateType.FRAME : NodeUpdateType.NONE;
  44. return this;
  45. }
  46. setup( builder ) {
  47. const properties = builder.getNodeProperties( this );
  48. //
  49. let uvNode = this.uvNode;
  50. if ( ( uvNode === null || builder.context.forceUVContext === true ) && builder.context.getUVNode ) {
  51. uvNode = builder.context.getUVNode( this );
  52. }
  53. if ( ! uvNode ) uvNode = this.getDefaultUV();
  54. if ( this.updateMatrix === true ) {
  55. uvNode = this.getTransformedUV( uvNode );
  56. }
  57. //
  58. let levelNode = this.levelNode;
  59. if ( levelNode === null && builder.context.getSamplerLevelNode ) {
  60. levelNode = builder.context.getSamplerLevelNode( this );
  61. }
  62. //
  63. properties.uvNode = uvNode;
  64. properties.levelNode = levelNode ? builder.context.getMIPLevelAlgorithmNode( this, levelNode ) : null;
  65. }
  66. generate( builder, output ) {
  67. const properties = builder.getNodeProperties( this );
  68. let { uvNode } = properties;
  69. const { levelNode } = properties;
  70. const compareNode = this.compareNode;
  71. const texture = this.value;
  72. if ( ! texture || texture.isTexture !== true ) {
  73. throw new Error( 'TextureNode: Need a three.js texture.' );
  74. }
  75. if ( builder.isFlipY() && ( texture.isFramebufferTexture === true || texture.isDepthTexture === true ) ) {
  76. uvNode = uvNode.setY( uvNode.y.fract().oneMinus() );
  77. }
  78. const textureProperty = super.generate( builder, 'property' );
  79. if ( output === 'sampler' ) {
  80. return textureProperty + '_sampler';
  81. } else if ( builder.isReference( output ) ) {
  82. return textureProperty;
  83. } else {
  84. const nodeData = builder.getDataFromNode( this );
  85. let propertyName = nodeData.propertyName;
  86. if ( propertyName === undefined ) {
  87. const uvSnippet = uvNode.build( builder, 'vec2' );
  88. const nodeVar = builder.getVarFromNode( this );
  89. propertyName = builder.getPropertyName( nodeVar );
  90. let snippet = null;
  91. if ( levelNode && levelNode.isNode === true ) {
  92. const levelSnippet = levelNode.build( builder, 'float' );
  93. snippet = builder.getTextureLevel( texture, textureProperty, uvSnippet, levelSnippet );
  94. } else if ( compareNode !== null ) {
  95. const compareSnippet = compareNode.build( builder, 'float' );
  96. snippet = builder.getTextureCompare( texture, textureProperty, uvSnippet, compareSnippet );
  97. } else {
  98. snippet = builder.getTexture( texture, textureProperty, uvSnippet );
  99. }
  100. builder.addLineFlowCode( `${propertyName} = ${snippet}` );
  101. if ( builder.context.tempWrite !== false ) {
  102. nodeData.snippet = snippet;
  103. nodeData.propertyName = propertyName;
  104. }
  105. }
  106. let snippet = propertyName;
  107. const nodeType = this.getNodeType( builder );
  108. if ( builder.needsColorSpaceToLinear( this.value ) ) {
  109. snippet = colorSpaceToLinear( expression( snippet, nodeType ), this.value.colorSpace ).setup( builder ).build( builder, nodeType );
  110. }
  111. return builder.format( snippet, nodeType, output );
  112. }
  113. }
  114. uv( uvNode ) {
  115. const textureNode = this.clone();
  116. textureNode.uvNode = uvNode;
  117. return nodeObject( textureNode );
  118. }
  119. level( levelNode ) {
  120. const textureNode = this.clone();
  121. textureNode.levelNode = levelNode;
  122. return context( textureNode, {
  123. getMIPLevelAlgorithmNode: ( reqTextureNode, levelNode ) => levelNode
  124. } );
  125. }
  126. size( levelNode ) {
  127. return textureSize( this, levelNode );
  128. }
  129. compare( compareNode ) {
  130. const textureNode = this.clone();
  131. textureNode.compareNode = nodeObject( compareNode );
  132. return nodeObject( textureNode );
  133. }
  134. serialize( data ) {
  135. super.serialize( data );
  136. data.value = this.value.toJSON( data.meta ).uuid;
  137. }
  138. deserialize( data ) {
  139. super.deserialize( data );
  140. this.value = data.meta.textures[ data.value ];
  141. }
  142. update() {
  143. const texture = this.value;
  144. if ( texture.matrixAutoUpdate === true ) {
  145. texture.updateMatrix();
  146. }
  147. }
  148. clone() {
  149. return new this.constructor( this.value, this.uvNode, this.levelNode, this.compareNode );
  150. }
  151. }
  152. export default TextureNode;
  153. export const texture = nodeProxy( TextureNode );
  154. //export const textureLevel = ( value, uv, level ) => texture( value, uv ).level( level );
  155. export const sampler = ( aTexture ) => ( aTexture.isNode === true ? aTexture : texture( aTexture ) ).convert( 'sampler' );
  156. addNodeElement( 'texture', texture );
  157. //addNodeElement( 'textureLevel', textureLevel );
  158. addNodeClass( 'TextureNode', TextureNode );