MaterialNode.js 8.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314
  1. import Node, { addNodeClass } from '../core/Node.js';
  2. import { reference } from './ReferenceNode.js';
  3. import { materialReference } from './MaterialReferenceNode.js';
  4. import { normalView } from './NormalNode.js';
  5. import { nodeImmutable, float } from '../shadernode/ShaderNode.js';
  6. const _propertyCache = new Map();
  7. class MaterialNode extends Node {
  8. constructor( scope ) {
  9. super();
  10. this.scope = scope;
  11. }
  12. getCache( property, type ) {
  13. let node = _propertyCache.get( property );
  14. if ( node === undefined ) {
  15. node = materialReference( property, type );
  16. _propertyCache.set( property, node );
  17. }
  18. return node;
  19. }
  20. getFloat( property ) {
  21. return this.getCache( property, 'float' );
  22. }
  23. getColor( property ) {
  24. return this.getCache( property, 'color' );
  25. }
  26. getTexture( property ) {
  27. return this.getCache( property === 'map' ? 'map' : property + 'Map', 'texture' );
  28. }
  29. setup( builder ) {
  30. const material = builder.context.material;
  31. const scope = this.scope;
  32. let node = null;
  33. if ( scope === MaterialNode.COLOR ) {
  34. const colorNode = this.getColor( scope );
  35. if ( material.map && material.map.isTexture === true ) {
  36. node = colorNode.mul( this.getTexture( 'map' ) );
  37. } else {
  38. node = colorNode;
  39. }
  40. } else if ( scope === MaterialNode.OPACITY ) {
  41. const opacityNode = this.getFloat( scope );
  42. if ( material.alphaMap && material.alphaMap.isTexture === true ) {
  43. node = opacityNode.mul( this.getTexture( 'alpha' ) );
  44. } else {
  45. node = opacityNode;
  46. }
  47. } else if ( scope === MaterialNode.SPECULAR_STRENGTH ) {
  48. if ( material.specularMap && material.specularMap.isTexture === true ) {
  49. node = this.getTexture( scope ).r;
  50. } else {
  51. node = float( 1 );
  52. }
  53. } else if ( scope === MaterialNode.ROUGHNESS ) { // TODO: cleanup similar branches
  54. const roughnessNode = this.getFloat( scope );
  55. if ( material.roughnessMap && material.roughnessMap.isTexture === true ) {
  56. node = roughnessNode.mul( this.getTexture( scope ).g );
  57. } else {
  58. node = roughnessNode;
  59. }
  60. } else if ( scope === MaterialNode.METALNESS ) {
  61. const metalnessNode = this.getFloat( scope );
  62. if ( material.metalnessMap && material.metalnessMap.isTexture === true ) {
  63. node = metalnessNode.mul( this.getTexture( scope ).b );
  64. } else {
  65. node = metalnessNode;
  66. }
  67. } else if ( scope === MaterialNode.EMISSIVE ) {
  68. const emissiveNode = this.getColor( scope );
  69. if ( material.emissiveMap && material.emissiveMap.isTexture === true ) {
  70. node = emissiveNode.mul( this.getTexture( scope ) );
  71. } else {
  72. node = emissiveNode;
  73. }
  74. } else if ( scope === MaterialNode.NORMAL ) {
  75. if ( material.normalMap ) {
  76. node = this.getTexture( 'normal' ).normalMap( this.getCache( 'normalScale', 'vec2' ) );
  77. } else if ( material.bumpMap ) {
  78. node = this.getTexture( 'bump' ).r.bumpMap( this.getFloat( 'bumpScale' ) );
  79. } else {
  80. node = normalView;
  81. }
  82. } else if ( scope === MaterialNode.CLEARCOAT ) {
  83. const clearcoatNode = this.getFloat( scope );
  84. if ( material.clearcoatMap && material.clearcoatMap.isTexture === true ) {
  85. node = clearcoatNode.mul( this.getTexture( scope ).r );
  86. } else {
  87. node = clearcoatNode;
  88. }
  89. } else if ( scope === MaterialNode.CLEARCOAT_ROUGHNESS ) {
  90. const clearcoatRoughnessNode = this.getFloat( scope );
  91. if ( material.clearcoatRoughnessMap && material.clearcoatRoughnessMap.isTexture === true ) {
  92. node = clearcoatRoughnessNode.mul( this.getTexture( scope ).r );
  93. } else {
  94. node = clearcoatRoughnessNode;
  95. }
  96. } else if ( scope === MaterialNode.CLEARCOAT_NORMAL ) {
  97. if ( material.clearcoatNormalMap ) {
  98. node = this.getTexture( scope ).normalMap( this.getCache( scope + 'Scale', 'vec2' ) );
  99. } else {
  100. node = normalView;
  101. }
  102. } else if ( scope === MaterialNode.SHEEN ) {
  103. const sheenNode = this.getColor( 'sheenColor' ).mul( this.getFloat( 'sheen' ) ); // Move this mul() to CPU
  104. if ( material.sheenColorMap && material.sheenColorMap.isTexture === true ) {
  105. node = sheenNode.mul( this.getTexture( 'sheenColor' ).rgb );
  106. } else {
  107. node = sheenNode;
  108. }
  109. } else if ( scope === MaterialNode.SHEEN_ROUGHNESS ) {
  110. const sheenRoughnessNode = this.getFloat( scope );
  111. if ( material.sheenRoughnessMap && material.sheenRoughnessMap.isTexture === true ) {
  112. node = sheenRoughnessNode.mul( this.getTexture( scope ).a );
  113. } else {
  114. node = sheenRoughnessNode;
  115. }
  116. node = node.clamp( 0.07, 1.0 );
  117. } else if ( scope === MaterialNode.IRIDESCENCE_THICKNESS ) {
  118. const iridescenceThicknessMaximum = reference( 1, 'float', material.iridescenceThicknessRange );
  119. if ( material.iridescenceThicknessMap ) {
  120. const iridescenceThicknessMinimum = reference( 0, 'float', material.iridescenceThicknessRange );
  121. node = iridescenceThicknessMaximum.sub( iridescenceThicknessMinimum ).mul( this.getTexture( scope ).g ).add( iridescenceThicknessMinimum );
  122. } else {
  123. node = iridescenceThicknessMaximum;
  124. }
  125. } else {
  126. const outputType = this.getNodeType( builder );
  127. node = this.getCache( scope, outputType );
  128. }
  129. return node;
  130. }
  131. }
  132. MaterialNode.ALPHA_TEST = 'alphaTest';
  133. MaterialNode.COLOR = 'color';
  134. MaterialNode.OPACITY = 'opacity';
  135. MaterialNode.SHININESS = 'shininess';
  136. MaterialNode.SPECULAR_COLOR = 'specular';
  137. MaterialNode.SPECULAR_STRENGTH = 'specularStrength';
  138. MaterialNode.REFLECTIVITY = 'reflectivity';
  139. MaterialNode.ROUGHNESS = 'roughness';
  140. MaterialNode.METALNESS = 'metalness';
  141. MaterialNode.NORMAL = 'normal';
  142. MaterialNode.CLEARCOAT = 'clearcoat';
  143. MaterialNode.CLEARCOAT_ROUGHNESS = 'clearcoatRoughness';
  144. MaterialNode.CLEARCOAT_NORMAL = 'clearcoatNormal';
  145. MaterialNode.EMISSIVE = 'emissive';
  146. MaterialNode.ROTATION = 'rotation';
  147. MaterialNode.SHEEN = 'sheen';
  148. MaterialNode.SHEEN_ROUGHNESS = 'sheenRoughness';
  149. MaterialNode.IRIDESCENCE = 'iridescence';
  150. MaterialNode.IRIDESCENCE_IOR = 'iridescenceIOR';
  151. MaterialNode.IRIDESCENCE_THICKNESS = 'iridescenceThickness';
  152. MaterialNode.LINE_SCALE = 'scale';
  153. MaterialNode.LINE_DASH_SIZE = 'dashSize';
  154. MaterialNode.LINE_GAP_SIZE = 'gapSize';
  155. MaterialNode.LINE_WIDTH = 'linewidth';
  156. MaterialNode.LINE_DASH_OFFSET = 'dashOffset';
  157. MaterialNode.POINT_WIDTH = 'pointWidth';
  158. export default MaterialNode;
  159. export const materialAlphaTest = nodeImmutable( MaterialNode, MaterialNode.ALPHA_TEST );
  160. export const materialColor = nodeImmutable( MaterialNode, MaterialNode.COLOR );
  161. export const materialShininess = nodeImmutable( MaterialNode, MaterialNode.SHININESS );
  162. export const materialEmissive = nodeImmutable( MaterialNode, MaterialNode.EMISSIVE );
  163. export const materialOpacity = nodeImmutable( MaterialNode, MaterialNode.OPACITY );
  164. export const materialSpecularColor = nodeImmutable( MaterialNode, MaterialNode.SPECULAR_COLOR );
  165. export const materialSpecularStrength = nodeImmutable( MaterialNode, MaterialNode.SPECULAR_STRENGTH );
  166. export const materialReflectivity = nodeImmutable( MaterialNode, MaterialNode.REFLECTIVITY );
  167. export const materialRoughness = nodeImmutable( MaterialNode, MaterialNode.ROUGHNESS );
  168. export const materialMetalness = nodeImmutable( MaterialNode, MaterialNode.METALNESS );
  169. export const materialNormal = nodeImmutable( MaterialNode, MaterialNode.NORMAL );
  170. export const materialClearcoat = nodeImmutable( MaterialNode, MaterialNode.CLEARCOAT );
  171. export const materialClearcoatRoughness = nodeImmutable( MaterialNode, MaterialNode.CLEARCOAT_ROUGHNESS );
  172. export const materialClearcoatNormal = nodeImmutable( MaterialNode, MaterialNode.CLEARCOAT_NORMAL );
  173. export const materialRotation = nodeImmutable( MaterialNode, MaterialNode.ROTATION );
  174. export const materialSheen = nodeImmutable( MaterialNode, MaterialNode.SHEEN );
  175. export const materialSheenRoughness = nodeImmutable( MaterialNode, MaterialNode.SHEEN_ROUGHNESS );
  176. export const materialIridescence = nodeImmutable( MaterialNode, MaterialNode.IRIDESCENCE );
  177. export const materialIridescenceIOR = nodeImmutable( MaterialNode, MaterialNode.IRIDESCENCE_IOR );
  178. export const materialIridescenceThickness = nodeImmutable( MaterialNode, MaterialNode.IRIDESCENCE_THICKNESS );
  179. export const materialLineScale = nodeImmutable( MaterialNode, MaterialNode.LINE_SCALE );
  180. export const materialLineDashSize = nodeImmutable( MaterialNode, MaterialNode.LINE_DASH_SIZE );
  181. export const materialLineGapSize = nodeImmutable( MaterialNode, MaterialNode.LINE_GAP_SIZE );
  182. export const materialLineWidth = nodeImmutable( MaterialNode, MaterialNode.LINE_WIDTH );
  183. export const materialLineDashOffset = nodeImmutable( MaterialNode, MaterialNode.LINE_DASH_OFFSET );
  184. export const materialPointWidth = nodeImmutable( MaterialNode, MaterialNode.POINT_WIDTH );
  185. addNodeClass( 'MaterialNode', MaterialNode );