ShaderNodeBaseElements.js 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275
  1. // core
  2. //import ArrayUniformNode from '../core/ArrayUniformNode.js';
  3. import AttributeNode from '../core/AttributeNode.js';
  4. import BypassNode from '../core/BypassNode.js';
  5. import CodeNode from '../core/CodeNode.js';
  6. import ContextNode from '../core/ContextNode.js';
  7. import ExpressionNode from '../core/ExpressionNode.js';
  8. import FunctionCallNode from '../core/FunctionCallNode.js';
  9. import FunctionNode from '../core/FunctionNode.js';
  10. import InstanceIndexNode from '../core/InstanceIndexNode.js';
  11. import PropertyNode from '../core/PropertyNode.js';
  12. import UniformNode from '../core/UniformNode.js';
  13. import VarNode from '../core/VarNode.js';
  14. import VaryNode from '../core/VaryNode.js';
  15. // accessors
  16. import BufferNode from '../accessors/BufferNode.js';
  17. import CameraNode from '../accessors/CameraNode.js';
  18. import MaterialNode from '../accessors/MaterialNode.js';
  19. import MaterialReferenceNode from '../accessors/MaterialReferenceNode.js';
  20. import ModelViewProjectionNode from '../accessors/ModelViewProjectionNode.js';
  21. import NormalNode from '../accessors/NormalNode.js';
  22. import ModelNode from '../accessors/ModelNode.js';
  23. import PointUVNode from '../accessors/PointUVNode.js';
  24. import PositionNode from '../accessors/PositionNode.js';
  25. import ReferenceNode from '../accessors/ReferenceNode.js';
  26. import StorageBufferNode from '../accessors/StorageBufferNode.js';
  27. import TextureNode from '../accessors/TextureNode.js';
  28. import UserDataNode from '../accessors/UserDataNode.js';
  29. import UVNode from '../accessors/UVNode.js';
  30. // display
  31. import FrontFacingNode from '../display/FrontFacingNode.js';
  32. // gpgpu
  33. import ComputeNode from '../gpgpu/ComputeNode.js';
  34. // math
  35. import MathNode from '../math/MathNode.js';
  36. import OperatorNode from '../math/OperatorNode.js';
  37. import CondNode from '../math/CondNode.js';
  38. // utils
  39. import ArrayElementNode from '../utils/ArrayElementNode.js';
  40. import ConvertNode from '../utils/ConvertNode.js';
  41. // shader node utils
  42. import { ShaderNode, nodeObject, nodeObjects, nodeArray, nodeProxy, nodeImmutable, ConvertType, getConstNodeType, cacheMaps } from './ShaderNode.js';
  43. // shader node base
  44. export { ShaderNode, nodeObject, nodeObjects, nodeArray, nodeProxy, nodeImmutable };
  45. export const color = new ConvertType( 'color' );
  46. export const float = new ConvertType( 'float', cacheMaps.float );
  47. export const int = new ConvertType( 'int', cacheMaps.int );
  48. export const uint = new ConvertType( 'uint', cacheMaps.uint );
  49. export const bool = new ConvertType( 'bool', cacheMaps.bool );
  50. export const vec2 = new ConvertType( 'vec2' );
  51. export const ivec2 = new ConvertType( 'ivec2' );
  52. export const uvec2 = new ConvertType( 'uvec2' );
  53. export const bvec2 = new ConvertType( 'bvec2' );
  54. export const vec3 = new ConvertType( 'vec3' );
  55. export const ivec3 = new ConvertType( 'ivec3' );
  56. export const uvec3 = new ConvertType( 'uvec3' );
  57. export const bvec3 = new ConvertType( 'bvec3' );
  58. export const vec4 = new ConvertType( 'vec4' );
  59. export const ivec4 = new ConvertType( 'ivec4' );
  60. export const uvec4 = new ConvertType( 'uvec4' );
  61. export const bvec4 = new ConvertType( 'bvec4' );
  62. export const mat3 = new ConvertType( 'mat3' );
  63. export const imat3 = new ConvertType( 'imat3' );
  64. export const umat3 = new ConvertType( 'umat3' );
  65. export const bmat3 = new ConvertType( 'bmat3' );
  66. export const mat4 = new ConvertType( 'mat4' );
  67. export const imat4 = new ConvertType( 'imat4' );
  68. export const umat4 = new ConvertType( 'umat4' );
  69. export const bmat4 = new ConvertType( 'bmat4' );
  70. // core
  71. // @TODO: ArrayUniformNode
  72. export const func = ( code ) => {
  73. const node = nodeObject( new FunctionNode( code ) );
  74. const call = node.call.bind( node );
  75. node.call = ( params ) => nodeObject( call( params ) );
  76. return node;
  77. };
  78. export const uniform = ( nodeOrType ) => {
  79. const nodeType = getConstNodeType( nodeOrType );
  80. // @TODO: get ConstNode from .traverse() in the future
  81. const value = nodeOrType.isNode === true ? nodeOrType.node?.value || nodeOrType.value : nodeOrType;
  82. return nodeObject( new UniformNode( value, nodeType ) );
  83. };
  84. export const attribute = ( name, nodeType ) => nodeObject( new AttributeNode( name, nodeType ) );
  85. export const property = ( name, nodeOrType ) => nodeObject( new PropertyNode( name, getConstNodeType( nodeOrType ) ) );
  86. export const bypass = nodeProxy( BypassNode );
  87. export const code = nodeProxy( CodeNode );
  88. export const context = nodeProxy( ContextNode );
  89. export const expression = nodeProxy( ExpressionNode );
  90. export const call = nodeProxy( FunctionCallNode );
  91. export const instanceIndex = nodeImmutable( InstanceIndexNode );
  92. export const label = nodeProxy( VarNode );
  93. export const temp = label;
  94. export const vary = nodeProxy( VaryNode );
  95. // accesors
  96. export const buffer = ( value, nodeOrType, count ) => nodeObject( new BufferNode( value, getConstNodeType( nodeOrType ), count ) );
  97. export const storage = ( value, nodeOrType, count ) => nodeObject( new StorageBufferNode( value, getConstNodeType( nodeOrType ), count ) );
  98. export const cameraProjectionMatrix = nodeImmutable( CameraNode, CameraNode.PROJECTION_MATRIX );
  99. export const cameraViewMatrix = nodeImmutable( CameraNode, CameraNode.VIEW_MATRIX );
  100. export const cameraNormalMatrix = nodeImmutable( CameraNode, CameraNode.NORMAL_MATRIX );
  101. export const cameraWorldMatrix = nodeImmutable( CameraNode, CameraNode.WORLD_MATRIX );
  102. export const cameraPosition = nodeImmutable( CameraNode, CameraNode.POSITION );
  103. export const materialAlphaTest = nodeImmutable( MaterialNode, MaterialNode.ALPHA_TEST );
  104. export const materialColor = nodeImmutable( MaterialNode, MaterialNode.COLOR );
  105. export const materialEmissive = nodeImmutable( MaterialNode, MaterialNode.EMISSIVE );
  106. export const materialOpacity = nodeImmutable( MaterialNode, MaterialNode.OPACITY );
  107. //export const materialSpecular = nodeImmutable( MaterialNode, MaterialNode.SPECULAR );
  108. export const materialRoughness = nodeImmutable( MaterialNode, MaterialNode.ROUGHNESS );
  109. export const materialMetalness = nodeImmutable( MaterialNode, MaterialNode.METALNESS );
  110. export const materialRotation = nodeImmutable( MaterialNode, MaterialNode.ROTATION );
  111. export const diffuseColor = nodeImmutable( PropertyNode, 'DiffuseColor', 'vec4' );
  112. export const roughness = nodeImmutable( PropertyNode, 'Roughness', 'float' );
  113. export const metalness = nodeImmutable( PropertyNode, 'Metalness', 'float' );
  114. export const alphaTest = nodeImmutable( PropertyNode, 'AlphaTest', 'float' );
  115. export const specularColor = nodeImmutable( PropertyNode, 'SpecularColor', 'color' );
  116. export const reference = ( name, nodeOrType, object ) => nodeObject( new ReferenceNode( name, getConstNodeType( nodeOrType ), object ) );
  117. export const materialReference = ( name, nodeOrType, material ) => nodeObject( new MaterialReferenceNode( name, getConstNodeType( nodeOrType ), material ) );
  118. export const userData = ( name, inputType, userData ) => nodeObject( new UserDataNode( name, inputType, userData ) );
  119. export const modelViewProjection = nodeProxy( ModelViewProjectionNode );
  120. export const normalGeometry = nodeImmutable( NormalNode, NormalNode.GEOMETRY );
  121. export const normalLocal = nodeImmutable( NormalNode, NormalNode.LOCAL );
  122. export const normalWorld = nodeImmutable( NormalNode, NormalNode.WORLD );
  123. export const normalView = nodeImmutable( NormalNode, NormalNode.VIEW );
  124. export const transformedNormalView = nodeImmutable( VarNode, normalView, 'TransformedNormalView' );
  125. export const modelViewMatrix = nodeImmutable( ModelNode, ModelNode.VIEW_MATRIX );
  126. export const modelNormalMatrix = nodeImmutable( ModelNode, ModelNode.NORMAL_MATRIX );
  127. export const modelWorldMatrix = nodeImmutable( ModelNode, ModelNode.WORLD_MATRIX );
  128. export const modelPosition = nodeImmutable( ModelNode, ModelNode.POSITION );
  129. export const modelViewPosition = nodeImmutable( ModelNode, ModelNode.VIEW_POSITION );
  130. export const positionGeometry = nodeImmutable( PositionNode, PositionNode.GEOMETRY );
  131. export const positionLocal = nodeImmutable( PositionNode, PositionNode.LOCAL );
  132. export const positionWorld = nodeImmutable( PositionNode, PositionNode.WORLD );
  133. export const positionView = nodeImmutable( PositionNode, PositionNode.VIEW );
  134. export const positionViewDirection = nodeImmutable( PositionNode, PositionNode.VIEW_DIRECTION );
  135. export const texture = nodeProxy( TextureNode );
  136. export const sampler = ( texture ) => nodeObject( new ConvertNode( texture.isNode === true ? texture : new TextureNode( texture ), 'sampler' ) );
  137. export const uv = ( ...params ) => nodeObject( new UVNode( ...params ) );
  138. export const pointUV = nodeImmutable( PointUVNode );
  139. // gpgpu
  140. export const compute = ( node, count, workgroupSize ) => nodeObject( new ComputeNode( nodeObject( node ), count, workgroupSize ) );
  141. // math
  142. export const EPSILON = float( 1e-6 );
  143. export const INFINITY = float( 1e6 );
  144. export const cond = nodeProxy( CondNode );
  145. export const add = nodeProxy( OperatorNode, '+' );
  146. export const sub = nodeProxy( OperatorNode, '-' );
  147. export const mul = nodeProxy( OperatorNode, '*' );
  148. export const div = nodeProxy( OperatorNode, '/' );
  149. export const remainder = nodeProxy( OperatorNode, '%' );
  150. export const equal = nodeProxy( OperatorNode, '==' );
  151. export const assign = nodeProxy( OperatorNode, '=' );
  152. export const lessThan = nodeProxy( OperatorNode, '<' );
  153. export const greaterThan = nodeProxy( OperatorNode, '>' );
  154. export const lessThanEqual = nodeProxy( OperatorNode, '<=' );
  155. export const greaterThanEqual = nodeProxy( OperatorNode, '>=' );
  156. export const and = nodeProxy( OperatorNode, '&&' );
  157. export const or = nodeProxy( OperatorNode, '||' );
  158. export const xor = nodeProxy( OperatorNode, '^^' );
  159. export const bitAnd = nodeProxy( OperatorNode, '&' );
  160. export const bitOr = nodeProxy( OperatorNode, '|' );
  161. export const bitXor = nodeProxy( OperatorNode, '^' );
  162. export const shiftLeft = nodeProxy( OperatorNode, '<<' );
  163. export const shiftRight = nodeProxy( OperatorNode, '>>' );
  164. export const radians = nodeProxy( MathNode, MathNode.RADIANS );
  165. export const degrees = nodeProxy( MathNode, MathNode.DEGREES );
  166. export const exp = nodeProxy( MathNode, MathNode.EXP );
  167. export const exp2 = nodeProxy( MathNode, MathNode.EXP2 );
  168. export const log = nodeProxy( MathNode, MathNode.LOG );
  169. export const log2 = nodeProxy( MathNode, MathNode.LOG2 );
  170. export const sqrt = nodeProxy( MathNode, MathNode.SQRT );
  171. export const inversesqrt = nodeProxy( MathNode, MathNode.INVERSE_SQRT );
  172. export const floor = nodeProxy( MathNode, MathNode.FLOOR );
  173. export const ceil = nodeProxy( MathNode, MathNode.CEIL );
  174. export const normalize = nodeProxy( MathNode, MathNode.NORMALIZE );
  175. export const fract = nodeProxy( MathNode, MathNode.FRACT );
  176. export const sin = nodeProxy( MathNode, MathNode.SIN );
  177. export const cos = nodeProxy( MathNode, MathNode.COS );
  178. export const tan = nodeProxy( MathNode, MathNode.TAN );
  179. export const asin = nodeProxy( MathNode, MathNode.ASIN );
  180. export const acos = nodeProxy( MathNode, MathNode.ACOS );
  181. export const atan = nodeProxy( MathNode, MathNode.ATAN );
  182. export const abs = nodeProxy( MathNode, MathNode.ABS );
  183. export const sign = nodeProxy( MathNode, MathNode.SIGN );
  184. export const length = nodeProxy( MathNode, MathNode.LENGTH );
  185. export const negate = nodeProxy( MathNode, MathNode.NEGATE );
  186. export const invert = nodeProxy( MathNode, MathNode.INVERT );
  187. export const dFdx = nodeProxy( MathNode, MathNode.DFDX );
  188. export const dFdy = nodeProxy( MathNode, MathNode.DFDY );
  189. export const saturate = nodeProxy( MathNode, MathNode.SATURATE );
  190. export const round = nodeProxy( MathNode, MathNode.ROUND );
  191. export const atan2 = nodeProxy( MathNode, MathNode.ATAN2 );
  192. export const min = nodeProxy( MathNode, MathNode.MIN );
  193. export const max = nodeProxy( MathNode, MathNode.MAX );
  194. export const mod = nodeProxy( MathNode, MathNode.MOD );
  195. export const step = nodeProxy( MathNode, MathNode.STEP );
  196. export const reflect = nodeProxy( MathNode, MathNode.REFLECT );
  197. export const distance = nodeProxy( MathNode, MathNode.DISTANCE );
  198. export const dot = nodeProxy( MathNode, MathNode.DOT );
  199. export const cross = nodeProxy( MathNode, MathNode.CROSS );
  200. export const pow = nodeProxy( MathNode, MathNode.POW );
  201. export const pow2 = nodeProxy( MathNode, MathNode.POW, 2 );
  202. export const pow3 = nodeProxy( MathNode, MathNode.POW, 3 );
  203. export const pow4 = nodeProxy( MathNode, MathNode.POW, 4 );
  204. export const transformDirection = nodeProxy( MathNode, MathNode.TRANSFORM_DIRECTION );
  205. export const mix = nodeProxy( MathNode, MathNode.MIX );
  206. export const clamp = nodeProxy( MathNode, MathNode.CLAMP );
  207. export const refract = nodeProxy( MathNode, MathNode.REFRACT );
  208. export const smoothstep = nodeProxy( MathNode, MathNode.SMOOTHSTEP );
  209. export const faceforward = nodeProxy( MathNode, MathNode.FACEFORWARD );
  210. // display
  211. export const frontFacing = nodeImmutable( FrontFacingNode );
  212. export const faceDirection = sub( mul( float( frontFacing ), 2 ), 1 );
  213. // lighting
  214. // utils
  215. export const element = nodeProxy( ArrayElementNode );
  216. // miscellaneous
  217. export const dotNV = saturate( dot( transformedNormalView, positionViewDirection ) );
  218. export const transformedNormalWorld = normalize( transformDirection( transformedNormalView, cameraViewMatrix ) );