MaterialNode.js 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269
  1. import Node, { addNodeClass } from '../core/Node.js';
  2. import { uniform } from '../core/UniformNode.js';
  3. import { materialReference } from './MaterialReferenceNode.js';
  4. import { uv } from './UVNode.js';
  5. import { nodeImmutable, vec3 } from '../shadernode/ShaderNode.js';
  6. class MaterialNode extends Node {
  7. constructor( scope ) {
  8. super();
  9. this.scope = scope;
  10. }
  11. getNodeType( builder ) {
  12. const scope = this.scope;
  13. const material = builder.context.material;
  14. if ( scope === MaterialNode.COLOR ) {
  15. return material.map !== null ? 'vec4' : 'vec3';
  16. } else if ( scope === MaterialNode.OPACITY || scope === MaterialNode.ROTATION ) {
  17. return 'float';
  18. } else if ( scope === MaterialNode.UV ) {
  19. return 'vec2';
  20. } else if ( scope === MaterialNode.EMISSIVE ) {
  21. return 'vec3';
  22. } else if ( scope === MaterialNode.ROUGHNESS || scope === MaterialNode.METALNESS || scope === MaterialNode.SPECULAR || scope === MaterialNode.SHININESS ) {
  23. return 'float';
  24. }
  25. }
  26. getFloat( property ) {
  27. //@TODO: Check if it can be cached by property name.
  28. return materialReference( property, 'float' );
  29. }
  30. getColor( property ) {
  31. //@TODO: Check if it can be cached by property name.
  32. return materialReference( property, 'color' );
  33. }
  34. getTexture( property ) {
  35. //@TODO: Check if it can be cached by property name.
  36. const textureRefNode = materialReference( property, 'texture' );
  37. textureRefNode.node.uvNode = materialUV;
  38. return textureRefNode;
  39. }
  40. construct( builder ) {
  41. const material = builder.context.material;
  42. const scope = this.scope;
  43. let node = null;
  44. if ( scope === MaterialNode.ALPHA_TEST ) {
  45. node = this.getFloat( 'alphaTest' );
  46. } else if ( scope === MaterialNode.COLOR ) {
  47. const colorNode = this.getColor( 'color' );
  48. if ( material.map && material.map.isTexture === true ) {
  49. node = colorNode.mul( this.getTexture( 'map' ) );
  50. } else {
  51. node = colorNode;
  52. }
  53. } else if ( scope === MaterialNode.OPACITY ) {
  54. const opacityNode = this.getFloat( 'opacity' );
  55. if ( material.alphaMap && material.alphaMap.isTexture === true ) {
  56. node = opacityNode.mul( this.getTexture( 'alphaMap' ) );
  57. } else {
  58. node = opacityNode;
  59. }
  60. } else if ( scope === MaterialNode.SHININESS ) {
  61. node = this.getFloat( 'shininess' );
  62. } else if ( scope === MaterialNode.SPECULAR_COLOR ) {
  63. node = this.getColor( 'specular' );
  64. } else if ( scope === MaterialNode.REFLECTIVITY ) {
  65. const reflectivityNode = this.getFloat( 'reflectivity' );
  66. if ( material.specularMap && material.specularMap.isTexture === true ) {
  67. node = reflectivityNode.mul( this.getTexture( 'specularMap' ).r );
  68. } else {
  69. node = reflectivityNode;
  70. }
  71. } else if ( scope === MaterialNode.ROUGHNESS ) {
  72. const roughnessNode = this.getFloat( 'roughness' );
  73. if ( material.roughnessMap && material.roughnessMap.isTexture === true ) {
  74. node = roughnessNode.mul( this.getTexture( 'roughnessMap' ).g );
  75. } else {
  76. node = roughnessNode;
  77. }
  78. } else if ( scope === MaterialNode.METALNESS ) {
  79. const metalnessNode = this.getFloat( 'metalness' );
  80. if ( material.metalnessMap && material.metalnessMap.isTexture === true ) {
  81. node = metalnessNode.mul( this.getTexture( 'metalnessMap' ).b );
  82. } else {
  83. node = metalnessNode;
  84. }
  85. } else if ( scope === MaterialNode.EMISSIVE ) {
  86. const emissiveNode = this.getColor( 'emissive' );
  87. if ( material.emissiveMap && material.emissiveMap.isTexture === true ) {
  88. node = emissiveNode.mul( this.getTexture( 'emissiveMap' ) );
  89. } else {
  90. node = emissiveNode;
  91. }
  92. } else if ( scope === MaterialNode.ROTATION ) {
  93. node = this.getFloat( 'rotation' );
  94. } else if ( scope === MaterialNode.UV ) {
  95. // uv repeat and offset setting priorities
  96. let uvScaleMap =
  97. material.map ||
  98. material.specularMap ||
  99. material.displacementMap ||
  100. material.normalMap ||
  101. material.bumpMap ||
  102. material.roughnessMap ||
  103. material.metalnessMap ||
  104. material.alphaMap ||
  105. material.emissiveMap ||
  106. material.clearcoatMap ||
  107. material.clearcoatNormalMap ||
  108. material.clearcoatRoughnessMap ||
  109. material.iridescenceMap ||
  110. material.iridescenceThicknessMap ||
  111. material.specularIntensityMap ||
  112. material.specularColorMap ||
  113. material.transmissionMap ||
  114. material.thicknessMap ||
  115. material.sheenColorMap ||
  116. material.sheenRoughnessMap;
  117. if ( uvScaleMap ) {
  118. // backwards compatibility
  119. if ( uvScaleMap.isWebGLRenderTarget ) {
  120. uvScaleMap = uvScaleMap.texture;
  121. }
  122. if ( uvScaleMap.matrixAutoUpdate === true ) {
  123. uvScaleMap.updateMatrix();
  124. }
  125. node = uniform( uvScaleMap.matrix ).mul( vec3( uv(), 1 ) );
  126. } else {
  127. node = uv();
  128. }
  129. } else {
  130. const outputType = this.getNodeType( builder );
  131. node = materialReference( scope, outputType );
  132. }
  133. return node;
  134. }
  135. }
  136. MaterialNode.ALPHA_TEST = 'alphaTest';
  137. MaterialNode.COLOR = 'color';
  138. MaterialNode.OPACITY = 'opacity';
  139. MaterialNode.SHININESS = 'shininess';
  140. MaterialNode.SPECULAR_COLOR = 'specularColor';
  141. MaterialNode.REFLECTIVITY = 'reflectivity';
  142. MaterialNode.ROUGHNESS = 'roughness';
  143. MaterialNode.METALNESS = 'metalness';
  144. MaterialNode.EMISSIVE = 'emissive';
  145. MaterialNode.ROTATION = 'rotation';
  146. MaterialNode.UV = 'uv';
  147. export default MaterialNode;
  148. export const materialUV = nodeImmutable( MaterialNode, MaterialNode.UV );
  149. export const materialAlphaTest = nodeImmutable( MaterialNode, MaterialNode.ALPHA_TEST );
  150. export const materialColor = nodeImmutable( MaterialNode, MaterialNode.COLOR );
  151. export const materialShininess = nodeImmutable( MaterialNode, MaterialNode.SHININESS );
  152. export const materialEmissive = nodeImmutable( MaterialNode, MaterialNode.EMISSIVE );
  153. export const materialOpacity = nodeImmutable( MaterialNode, MaterialNode.OPACITY );
  154. export const materialSpecularColor = nodeImmutable( MaterialNode, MaterialNode.SPECULAR_COLOR );
  155. export const materialReflectivity = nodeImmutable( MaterialNode, MaterialNode.REFLECTIVITY );
  156. export const materialRoughness = nodeImmutable( MaterialNode, MaterialNode.ROUGHNESS );
  157. export const materialMetalness = nodeImmutable( MaterialNode, MaterialNode.METALNESS );
  158. export const materialRotation = nodeImmutable( MaterialNode, MaterialNode.ROTATION );
  159. addNodeClass( MaterialNode );