MaterialNode.js 5.7 KB

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