super-three 0.167.0 → 0.169.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (387) hide show
  1. package/build/three.cjs +532 -173
  2. package/build/three.module.js +532 -174
  3. package/build/three.module.min.js +1 -1
  4. package/build/three.webgpu.js +18173 -14266
  5. package/build/three.webgpu.min.js +1 -1
  6. package/build/three.webgpu.nodes.js +79941 -0
  7. package/build/three.webgpu.nodes.min.js +6 -0
  8. package/examples/jsm/Addons.js +0 -4
  9. package/examples/jsm/animation/AnimationClipCreator.js +1 -1
  10. package/examples/jsm/capabilities/WebGL.js +27 -21
  11. package/examples/jsm/controls/ArcballControls.js +174 -158
  12. package/examples/jsm/controls/DragControls.js +260 -132
  13. package/examples/jsm/controls/FirstPersonControls.js +175 -163
  14. package/examples/jsm/controls/FlyControls.js +194 -188
  15. package/examples/jsm/controls/OrbitControls.js +777 -786
  16. package/examples/jsm/controls/PointerLockControls.js +24 -15
  17. package/examples/jsm/controls/TrackballControls.js +469 -448
  18. package/examples/jsm/controls/TransformControls.js +97 -62
  19. package/examples/jsm/effects/AnaglyphEffect.js +6 -13
  20. package/examples/jsm/effects/ParallaxBarrierEffect.js +17 -11
  21. package/examples/jsm/effects/StereoEffect.js +6 -1
  22. package/examples/jsm/environments/RoomEnvironment.js +1 -1
  23. package/examples/jsm/exporters/DRACOExporter.js +4 -2
  24. package/examples/jsm/exporters/EXRExporter.js +19 -11
  25. package/examples/jsm/exporters/GLTFExporter.js +6 -1
  26. package/examples/jsm/exporters/KTX2Exporter.js +21 -13
  27. package/examples/jsm/exporters/OBJExporter.js +5 -1
  28. package/examples/jsm/exporters/PLYExporter.js +9 -7
  29. package/examples/jsm/exporters/USDZExporter.js +29 -8
  30. package/examples/jsm/geometries/DecalGeometry.js +4 -1
  31. package/examples/jsm/geometries/InstancedPointsGeometry.js +1 -1
  32. package/examples/jsm/helpers/LightProbeHelper.js +43 -44
  33. package/examples/jsm/helpers/LightProbeHelperGPU.js +65 -0
  34. package/examples/jsm/libs/basis/basis_transcoder.js +8 -10
  35. package/examples/jsm/libs/basis/basis_transcoder.wasm +0 -0
  36. package/examples/jsm/libs/ktx-parse.module.js +1 -1
  37. package/examples/jsm/lights/LightProbeGenerator.js +24 -10
  38. package/examples/jsm/loaders/ColladaLoader.js +9 -6
  39. package/examples/jsm/loaders/DRACOLoader.js +3 -1
  40. package/examples/jsm/loaders/FBXLoader.js +30 -20
  41. package/examples/jsm/loaders/GLTFLoader.js +5 -10
  42. package/examples/jsm/loaders/KTX2Loader.js +27 -12
  43. package/examples/jsm/loaders/MTLLoader.js +4 -3
  44. package/examples/jsm/loaders/MaterialXLoader.js +40 -14
  45. package/examples/jsm/loaders/OBJLoader.js +5 -3
  46. package/examples/jsm/loaders/PCDLoader.js +14 -13
  47. package/examples/jsm/loaders/PDBLoader.js +3 -2
  48. package/examples/jsm/loaders/PLYLoader.js +8 -5
  49. package/examples/jsm/loaders/STLLoader.js +3 -2
  50. package/examples/jsm/loaders/VRMLLoader.js +10 -10
  51. package/examples/jsm/loaders/VTKLoader.js +4 -3
  52. package/examples/jsm/loaders/XYZLoader.js +3 -2
  53. package/examples/jsm/misc/Timer.js +1 -1
  54. package/examples/jsm/modifiers/CurveModifierGPU.js +233 -0
  55. package/examples/jsm/objects/LensflareMesh.js +322 -0
  56. package/examples/jsm/objects/SkyMesh.js +187 -0
  57. package/examples/jsm/objects/Water2Mesh.js +158 -0
  58. package/examples/jsm/objects/WaterMesh.js +101 -0
  59. package/examples/jsm/physics/JoltPhysics.js +1 -1
  60. package/examples/jsm/physics/RapierPhysics.js +21 -1
  61. package/examples/jsm/postprocessing/OutlinePass.js +31 -46
  62. package/examples/jsm/postprocessing/SSAARenderPass.js +3 -1
  63. package/examples/jsm/shaders/BleachBypassShader.js +1 -2
  64. package/examples/jsm/shaders/OutputShader.js +1 -1
  65. package/examples/jsm/transpiler/GLSLDecoder.js +1 -1
  66. package/examples/jsm/transpiler/ShaderToyDecoder.js +2 -2
  67. package/examples/jsm/transpiler/TSLEncoder.js +8 -8
  68. package/examples/jsm/utils/GeometryCompressionUtils.js +37 -122
  69. package/examples/jsm/utils/ShadowMapViewer.js +3 -8
  70. package/examples/jsm/utils/ShadowMapViewerGPU.js +201 -0
  71. package/examples/jsm/utils/SkeletonUtils.js +84 -66
  72. package/examples/jsm/utils/TextureUtils.js +2 -1
  73. package/examples/jsm/utils/TextureUtilsGPU.js +63 -0
  74. package/examples/jsm/webxr/XRControllerModelFactory.js +1 -1
  75. package/package.json +3 -2
  76. package/src/Three.WebGPU.Nodes.js +200 -0
  77. package/src/Three.WebGPU.js +7 -0
  78. package/src/Three.js +1 -0
  79. package/src/audio/Audio.js +2 -2
  80. package/src/constants.js +1 -1
  81. package/src/core/BufferAttribute.js +0 -9
  82. package/src/core/Clock.js +1 -1
  83. package/src/core/InterleavedBuffer.js +0 -9
  84. package/src/extras/Controls.js +32 -0
  85. package/src/geometries/CylinderGeometry.js +11 -4
  86. package/src/loaders/MaterialLoader.js +7 -1
  87. package/src/loaders/ObjectLoader.js +3 -3
  88. package/src/{nodes/loaders → loaders/nodes}/NodeLoader.js +25 -5
  89. package/src/{nodes/loaders → loaders/nodes}/NodeMaterialLoader.js +21 -18
  90. package/src/{nodes/loaders → loaders/nodes}/NodeObjectLoader.js +19 -0
  91. package/src/materials/Material.js +4 -7
  92. package/src/materials/nodes/InstancedPointsNodeMaterial.js +156 -0
  93. package/src/{nodes/materials → materials/nodes}/Line2NodeMaterial.js +56 -59
  94. package/src/{nodes/materials → materials/nodes}/LineBasicNodeMaterial.js +8 -5
  95. package/src/{nodes/materials → materials/nodes}/LineDashedNodeMaterial.js +12 -10
  96. package/src/{nodes/materials → materials/nodes}/MeshBasicNodeMaterial.js +16 -12
  97. package/src/{nodes/materials → materials/nodes}/MeshLambertNodeMaterial.js +10 -6
  98. package/src/{nodes/materials → materials/nodes}/MeshMatcapNodeMaterial.js +13 -9
  99. package/src/{nodes/materials → materials/nodes}/MeshNormalNodeMaterial.js +13 -9
  100. package/src/{nodes/materials → materials/nodes}/MeshPhongNodeMaterial.js +14 -9
  101. package/src/{nodes/materials → materials/nodes}/MeshPhysicalNodeMaterial.js +22 -18
  102. package/src/{nodes/materials → materials/nodes}/MeshSSSNodeMaterial.js +10 -7
  103. package/src/{nodes/materials → materials/nodes}/MeshStandardNodeMaterial.js +22 -12
  104. package/src/{nodes/materials → materials/nodes}/MeshToonNodeMaterial.js +9 -5
  105. package/src/{nodes/materials → materials/nodes}/NodeMaterial.js +71 -115
  106. package/src/{nodes/materials/Materials.js → materials/nodes/NodeMaterials.js} +3 -1
  107. package/src/{nodes/materials → materials/nodes}/PointsNodeMaterial.js +8 -5
  108. package/src/{nodes/materials → materials/nodes}/ShadowNodeMaterial.js +9 -5
  109. package/src/{nodes/materials → materials/nodes}/SpriteNodeMaterial.js +47 -14
  110. package/src/{nodes/materials → materials/nodes}/VolumeNodeMaterial.js +24 -22
  111. package/src/materials/nodes/manager/NodeMaterialObserver.js +302 -0
  112. package/src/math/Triangle.js +24 -0
  113. package/src/nodes/Nodes.js +103 -159
  114. package/src/nodes/TSL.js +179 -0
  115. package/src/nodes/accessors/AccessorsUtils.js +8 -8
  116. package/src/nodes/accessors/BatchNode.js +53 -21
  117. package/src/nodes/accessors/{BitangentNode.js → Bitangent.js} +9 -9
  118. package/src/nodes/accessors/BufferAttributeNode.js +8 -5
  119. package/src/nodes/accessors/BufferNode.js +7 -4
  120. package/src/nodes/accessors/Camera.js +13 -0
  121. package/src/nodes/accessors/ClippingNode.js +19 -13
  122. package/src/nodes/accessors/CubeTextureNode.js +9 -8
  123. package/src/nodes/accessors/InstanceNode.js +19 -15
  124. package/src/nodes/accessors/InstancedPointsMaterialNode.js +8 -5
  125. package/src/nodes/accessors/Lights.js +51 -0
  126. package/src/nodes/accessors/MaterialNode.js +56 -55
  127. package/src/nodes/accessors/MaterialProperties.js +3 -0
  128. package/src/nodes/accessors/MaterialReferenceNode.js +9 -4
  129. package/src/nodes/accessors/ModelNode.js +47 -12
  130. package/src/nodes/accessors/ModelViewProjectionNode.js +12 -9
  131. package/src/nodes/accessors/MorphNode.js +17 -13
  132. package/src/nodes/accessors/Normal.js +88 -0
  133. package/src/nodes/accessors/Object3DNode.js +17 -33
  134. package/src/nodes/accessors/PointUVNode.js +9 -5
  135. package/src/nodes/accessors/Position.js +10 -0
  136. package/src/nodes/accessors/ReferenceBaseNode.js +171 -0
  137. package/src/nodes/accessors/ReferenceNode.js +50 -7
  138. package/src/nodes/accessors/ReflectVector.js +10 -0
  139. package/src/nodes/accessors/RendererReferenceNode.js +12 -6
  140. package/src/nodes/accessors/SceneNode.js +9 -6
  141. package/src/nodes/accessors/SkinningNode.js +88 -21
  142. package/src/nodes/accessors/StorageBufferNode.js +22 -5
  143. package/src/nodes/accessors/StorageTextureNode.js +9 -6
  144. package/src/nodes/accessors/Tangent.js +22 -0
  145. package/src/nodes/accessors/Texture3DNode.js +16 -13
  146. package/src/nodes/accessors/{TextureBicubicNode.js → TextureBicubic.js} +3 -32
  147. package/src/nodes/accessors/TextureNode.js +29 -23
  148. package/src/nodes/accessors/TextureSizeNode.js +10 -9
  149. package/src/nodes/accessors/{UniformsNode.js → UniformArrayNode.js} +26 -14
  150. package/src/nodes/accessors/UserDataNode.js +10 -7
  151. package/src/nodes/accessors/VelocityNode.js +134 -0
  152. package/src/nodes/accessors/VertexColorNode.js +7 -4
  153. package/src/nodes/code/CodeNode.js +9 -5
  154. package/src/nodes/code/ExpressionNode.js +10 -6
  155. package/src/nodes/code/FunctionCallNode.js +8 -5
  156. package/src/nodes/code/FunctionNode.js +8 -23
  157. package/src/nodes/code/ScriptableNode.js +13 -10
  158. package/src/nodes/code/ScriptableValueNode.js +9 -7
  159. package/src/nodes/core/AssignNode.js +12 -9
  160. package/src/nodes/core/AttributeNode.js +12 -21
  161. package/src/nodes/core/BypassNode.js +11 -7
  162. package/src/nodes/core/CacheNode.js +10 -6
  163. package/src/nodes/core/ConstNode.js +6 -3
  164. package/src/nodes/core/ContextNode.js +21 -11
  165. package/src/nodes/core/IndexNode.js +35 -8
  166. package/src/nodes/core/InputNode.js +7 -3
  167. package/src/nodes/core/MRTNode.js +16 -7
  168. package/src/nodes/core/Node.js +19 -40
  169. package/src/nodes/core/NodeBuilder.js +117 -38
  170. package/src/nodes/core/NodeUtils.js +49 -6
  171. package/src/nodes/core/OutputStructNode.js +10 -6
  172. package/src/nodes/core/ParameterNode.js +7 -4
  173. package/src/nodes/core/PropertyNode.js +36 -32
  174. package/src/nodes/core/StackNode.js +31 -11
  175. package/src/nodes/core/StructTypeNode.js +7 -3
  176. package/src/nodes/core/TempNode.js +8 -4
  177. package/src/nodes/core/UniformGroupNode.js +14 -11
  178. package/src/nodes/core/UniformNode.js +7 -4
  179. package/src/nodes/core/VarNode.js +12 -8
  180. package/src/nodes/core/VaryingNode.js +10 -6
  181. package/src/nodes/display/AfterImageNode.js +15 -9
  182. package/src/nodes/display/AnaglyphPassNode.js +67 -0
  183. package/src/nodes/display/AnamorphicNode.js +17 -11
  184. package/src/nodes/display/BleachBypass.js +26 -0
  185. package/src/nodes/display/BlendMode.js +54 -0
  186. package/src/nodes/display/BloomNode.js +27 -19
  187. package/src/nodes/display/BumpMapNode.js +13 -12
  188. package/src/nodes/display/ColorAdjustment.js +46 -0
  189. package/src/nodes/display/ColorSpaceFunctions.js +38 -0
  190. package/src/nodes/display/ColorSpaceNode.js +67 -61
  191. package/src/nodes/display/DenoiseNode.js +23 -17
  192. package/src/nodes/display/DepthOfFieldNode.js +12 -7
  193. package/src/nodes/display/DotScreenNode.js +13 -22
  194. package/src/nodes/display/FXAANode.js +21 -16
  195. package/src/nodes/display/FilmNode.js +11 -7
  196. package/src/nodes/display/FrontFacingNode.js +10 -6
  197. package/src/nodes/display/GTAONode.js +22 -15
  198. package/src/nodes/display/GaussianBlurNode.js +14 -8
  199. package/src/nodes/display/Lut3DNode.js +10 -6
  200. package/src/nodes/display/MotionBlur.js +25 -0
  201. package/src/nodes/display/NormalMapNode.js +13 -13
  202. package/src/nodes/display/ParallaxBarrierPassNode.js +58 -0
  203. package/src/nodes/display/PassNode.js +95 -8
  204. package/src/nodes/display/PixelationPassNode.js +20 -8
  205. package/src/nodes/display/PosterizeNode.js +8 -7
  206. package/src/nodes/display/RGBShiftNode.js +11 -7
  207. package/src/nodes/display/RenderOutputNode.js +15 -11
  208. package/src/nodes/display/SSAAPassNode.js +287 -0
  209. package/src/nodes/display/ScreenNode.js +181 -0
  210. package/src/nodes/display/Sepia.js +17 -0
  211. package/src/nodes/display/SobelOperatorNode.js +13 -8
  212. package/src/nodes/display/StereoCompositePassNode.js +110 -0
  213. package/src/nodes/display/StereoPassNode.js +83 -0
  214. package/src/nodes/display/ToneMappingFunctions.js +190 -0
  215. package/src/nodes/display/ToneMappingNode.js +15 -175
  216. package/src/nodes/display/ToonOutlinePassNode.js +111 -0
  217. package/src/nodes/display/TransitionNode.js +12 -8
  218. package/src/nodes/display/ViewportDepthNode.js +34 -29
  219. package/src/nodes/display/ViewportDepthTextureNode.js +10 -9
  220. package/src/nodes/display/ViewportSharedTextureNode.js +10 -9
  221. package/src/nodes/display/ViewportTextureNode.js +11 -11
  222. package/src/nodes/fog/FogExp2Node.js +8 -7
  223. package/src/nodes/fog/FogNode.js +10 -8
  224. package/src/nodes/fog/FogRangeNode.js +8 -7
  225. package/src/nodes/functions/BSDF/BRDF_GGX.js +4 -4
  226. package/src/nodes/functions/BSDF/BRDF_Lambert.js +2 -2
  227. package/src/nodes/functions/BSDF/BRDF_Sheen.js +6 -6
  228. package/src/nodes/functions/BSDF/DFGApprox.js +2 -2
  229. package/src/nodes/functions/BSDF/D_GGX.js +2 -2
  230. package/src/nodes/functions/BSDF/D_GGX_Anisotropic.js +3 -3
  231. package/src/nodes/functions/BSDF/EnvironmentBRDF.js +2 -2
  232. package/src/nodes/functions/BSDF/F_Schlick.js +2 -2
  233. package/src/nodes/functions/BSDF/LTC.js +6 -6
  234. package/src/nodes/functions/BSDF/Schlick_to_F0.js +2 -2
  235. package/src/nodes/functions/BSDF/V_GGX_SmithCorrelated.js +2 -2
  236. package/src/nodes/functions/BSDF/V_GGX_SmithCorrelated_Anisotropic.js +2 -2
  237. package/src/nodes/functions/BasicLightingModel.js +1 -1
  238. package/src/nodes/functions/PhongLightingModel.js +5 -5
  239. package/src/nodes/functions/PhysicalLightingModel.js +34 -33
  240. package/src/nodes/functions/ShadowMaskModel.js +1 -1
  241. package/src/nodes/functions/ToonLightingModel.js +3 -3
  242. package/src/nodes/functions/material/getGeometryRoughness.js +4 -4
  243. package/src/nodes/functions/material/getRoughness.js +2 -2
  244. package/src/nodes/functions/material/getShIrradianceAt.js +28 -0
  245. package/src/nodes/geometry/RangeNode.js +9 -5
  246. package/src/nodes/gpgpu/AtomicFunctionNode.js +99 -0
  247. package/src/nodes/gpgpu/BarrierNode.js +40 -0
  248. package/src/nodes/gpgpu/ComputeBuiltinNode.js +98 -0
  249. package/src/nodes/gpgpu/ComputeNode.js +10 -6
  250. package/src/nodes/gpgpu/WorkgroupInfoNode.js +100 -0
  251. package/src/nodes/lighting/AONode.js +6 -3
  252. package/src/nodes/lighting/AmbientLightNode.js +6 -8
  253. package/src/nodes/lighting/AnalyticLightNode.js +225 -36
  254. package/src/nodes/lighting/BasicEnvironmentNode.js +8 -4
  255. package/src/nodes/lighting/BasicLightMapNode.js +7 -4
  256. package/src/nodes/lighting/DirectionalLightNode.js +7 -9
  257. package/src/nodes/lighting/EnvironmentNode.js +23 -19
  258. package/src/nodes/lighting/HemisphereLightNode.js +11 -11
  259. package/src/nodes/lighting/IESSpotLightNode.js +7 -9
  260. package/src/nodes/lighting/IrradianceNode.js +6 -3
  261. package/src/nodes/lighting/LightProbeNode.js +53 -0
  262. package/src/nodes/lighting/LightUtils.js +3 -3
  263. package/src/nodes/lighting/LightingContextNode.js +19 -18
  264. package/src/nodes/lighting/LightingNode.js +7 -3
  265. package/src/nodes/lighting/LightsNode.js +112 -75
  266. package/src/nodes/lighting/PointLightNode.js +12 -13
  267. package/src/nodes/lighting/RectAreaLightNode.js +11 -11
  268. package/src/nodes/lighting/SpotLightNode.js +14 -16
  269. package/src/nodes/materialx/MaterialXNodes.js +2 -2
  270. package/src/nodes/materialx/lib/mx_hsv.js +36 -31
  271. package/src/nodes/materialx/lib/mx_noise.js +96 -96
  272. package/src/nodes/materialx/lib/mx_transform_color.js +2 -2
  273. package/src/nodes/math/{CondNode.js → ConditionalNode.js} +38 -10
  274. package/src/nodes/math/Hash.js +13 -0
  275. package/src/nodes/math/MathNode.js +127 -124
  276. package/src/nodes/math/MathUtils.js +0 -7
  277. package/src/nodes/math/OperatorNode.js +97 -52
  278. package/src/nodes/math/TriNoise3D.js +19 -29
  279. package/src/nodes/pmrem/PMREMNode.js +61 -15
  280. package/src/nodes/pmrem/PMREMUtils.js +46 -46
  281. package/src/nodes/procedural/Checker.js +14 -0
  282. package/src/nodes/tsl/TSLBase.js +30 -0
  283. package/src/nodes/{shadernode/ShaderNode.js → tsl/TSLCore.js} +105 -97
  284. package/src/nodes/utils/ArrayElementNode.js +8 -4
  285. package/src/nodes/utils/ConvertNode.js +7 -3
  286. package/src/nodes/utils/CubeMapNode.js +160 -0
  287. package/src/nodes/utils/Discard.js +8 -0
  288. package/src/nodes/utils/EquirectUVNode.js +9 -6
  289. package/src/nodes/utils/FlipNode.js +68 -0
  290. package/src/nodes/utils/FunctionOverloadingNode.js +9 -5
  291. package/src/nodes/utils/JoinNode.js +6 -3
  292. package/src/nodes/utils/LoopNode.js +16 -6
  293. package/src/nodes/utils/MatcapUVNode.js +10 -7
  294. package/src/nodes/utils/MaxMipLevelNode.js +8 -5
  295. package/src/nodes/utils/OscNode.js +12 -8
  296. package/src/nodes/utils/Packing.js +4 -0
  297. package/src/nodes/utils/RTTNode.js +11 -8
  298. package/src/nodes/utils/ReflectorNode.js +12 -4
  299. package/src/nodes/utils/RemapNode.js +12 -8
  300. package/src/nodes/utils/RotateNode.js +8 -13
  301. package/src/nodes/utils/SetNode.js +7 -4
  302. package/src/nodes/utils/SplitNode.js +7 -3
  303. package/src/nodes/utils/SpriteSheetUVNode.js +10 -6
  304. package/src/nodes/utils/SpriteUtils.js +47 -0
  305. package/src/nodes/utils/StorageArrayElementNode.js +11 -12
  306. package/src/nodes/utils/TimerNode.js +8 -5
  307. package/src/nodes/utils/TriplanarTexturesNode.js +11 -9
  308. package/src/nodes/utils/UVUtils.js +19 -0
  309. package/src/nodes/utils/ViewportUtils.js +14 -0
  310. package/src/objects/BatchedMesh.js +78 -13
  311. package/src/objects/LOD.js +21 -0
  312. package/src/objects/Line.js +1 -0
  313. package/src/objects/Mesh.js +7 -23
  314. package/src/objects/Points.js +2 -0
  315. package/src/renderers/WebGLRenderer.js +88 -41
  316. package/src/renderers/common/Backend.js +2 -2
  317. package/src/renderers/common/Background.js +3 -1
  318. package/src/renderers/common/BindGroup.js +3 -1
  319. package/src/renderers/common/Bindings.js +13 -15
  320. package/src/renderers/common/BundleGroup.js +26 -0
  321. package/src/renderers/common/ClippingContext.js +15 -5
  322. package/src/renderers/common/CubeRenderTarget.js +9 -3
  323. package/src/renderers/common/PostProcessing.js +4 -1
  324. package/src/renderers/common/QuadMesh.js +2 -0
  325. package/src/renderers/common/RenderContext.js +23 -0
  326. package/src/renderers/common/RenderList.js +1 -1
  327. package/src/renderers/common/RenderObject.js +117 -6
  328. package/src/renderers/common/RenderObjects.js +8 -1
  329. package/src/renderers/common/Renderer.js +128 -94
  330. package/src/renderers/common/SampledTexture.js +12 -3
  331. package/src/renderers/common/Textures.js +8 -12
  332. package/src/renderers/common/extras/PMREMGenerator.js +19 -22
  333. package/src/renderers/common/nodes/NodeBuilderState.js +4 -4
  334. package/src/renderers/common/nodes/NodeLibrary.js +118 -0
  335. package/src/renderers/common/nodes/NodeSampledTexture.js +2 -2
  336. package/src/renderers/common/nodes/Nodes.js +65 -19
  337. package/src/renderers/shaders/ShaderChunk/tonemapping_pars_fragment.glsl.js +2 -2
  338. package/src/renderers/shaders/ShaderLib/sprite.glsl.js +2 -4
  339. package/src/renderers/webgl/WebGLAttributes.js +45 -14
  340. package/src/renderers/webgl/WebGLCapabilities.js +9 -0
  341. package/src/renderers/webgl/WebGLProgram.js +3 -1
  342. package/src/renderers/webgl/WebGLPrograms.js +21 -17
  343. package/src/renderers/webgl/WebGLProperties.js +7 -0
  344. package/src/renderers/webgl/WebGLState.js +21 -0
  345. package/src/renderers/webgl/WebGLTextures.js +83 -4
  346. package/src/renderers/webgl-fallback/WebGLBackend.js +135 -110
  347. package/src/renderers/webgl-fallback/nodes/GLSLNodeBuilder.js +60 -12
  348. package/src/renderers/webgl-fallback/utils/WebGLAttributeUtils.js +6 -0
  349. package/src/renderers/webgl-fallback/utils/WebGLState.js +20 -2
  350. package/src/renderers/webgl-fallback/utils/WebGLTextureUtils.js +89 -37
  351. package/src/renderers/webgpu/WebGPUBackend.js +112 -86
  352. package/src/renderers/webgpu/WebGPURenderer.Nodes.js +42 -0
  353. package/src/renderers/webgpu/WebGPURenderer.js +9 -6
  354. package/src/renderers/webgpu/nodes/BasicNodeLibrary.js +59 -0
  355. package/src/renderers/webgpu/nodes/StandardNodeLibrary.js +105 -0
  356. package/src/renderers/webgpu/nodes/WGSLNodeBuilder.js +189 -73
  357. package/src/renderers/webgpu/utils/WebGPUAttributeUtils.js +6 -16
  358. package/src/renderers/webgpu/utils/WebGPUBindingUtils.js +45 -21
  359. package/src/renderers/webgpu/utils/WebGPUConstants.js +2 -1
  360. package/src/renderers/webgpu/utils/WebGPUPipelineUtils.js +7 -16
  361. package/src/renderers/webgpu/utils/WebGPUTexturePassUtils.js +62 -5
  362. package/src/renderers/webgpu/utils/WebGPUTextureUtils.js +43 -26
  363. package/src/renderers/webgpu/utils/WebGPUUtils.js +19 -2
  364. package/src/renderers/webxr/WebXRManager.js +32 -25
  365. package/src/utils.js +33 -1
  366. package/examples/jsm/geometries/SDFGeometryGenerator.js +0 -144
  367. package/examples/jsm/loaders/LogLuvLoader.js +0 -606
  368. package/examples/jsm/loaders/TiltLoader.js +0 -520
  369. package/examples/jsm/utils/GPUStatsPanel.js +0 -95
  370. package/examples/jsm/utils/PackedPhongMaterial.js +0 -178
  371. package/src/nodes/accessors/CameraNode.js +0 -19
  372. package/src/nodes/accessors/NormalNode.js +0 -14
  373. package/src/nodes/accessors/PositionNode.js +0 -10
  374. package/src/nodes/accessors/ReflectVectorNode.js +0 -10
  375. package/src/nodes/accessors/TangentNode.js +0 -23
  376. package/src/nodes/core/NodeKeywords.js +0 -80
  377. package/src/nodes/display/BlendModeNode.js +0 -128
  378. package/src/nodes/display/ColorAdjustmentNode.js +0 -104
  379. package/src/nodes/display/ViewportNode.js +0 -137
  380. package/src/nodes/lighting/LightNode.js +0 -57
  381. package/src/nodes/materials/InstancedPointsNodeMaterial.js +0 -162
  382. package/src/nodes/math/HashNode.js +0 -34
  383. package/src/nodes/procedural/CheckerNode.js +0 -42
  384. package/src/nodes/utils/DiscardNode.js +0 -28
  385. package/src/nodes/utils/PackingNode.js +0 -55
  386. package/src/nodes/utils/RotateUVNode.js +0 -35
  387. /package/src/nodes/accessors/{UVNode.js → UV.js} +0 -0
@@ -1,178 +0,0 @@
1
-
2
- /**
3
- * `PackedPhongMaterial` inherited from THREE.MeshPhongMaterial
4
- *
5
- * @param {Object} parameters
6
- */
7
- import {
8
- MeshPhongMaterial,
9
- ShaderChunk,
10
- ShaderLib,
11
- UniformsUtils,
12
- } from 'three';
13
-
14
- class PackedPhongMaterial extends MeshPhongMaterial {
15
-
16
- constructor( parameters ) {
17
-
18
- super();
19
-
20
- this.defines = {};
21
- this.type = 'PackedPhongMaterial';
22
- this.uniforms = UniformsUtils.merge( [
23
-
24
- ShaderLib.phong.uniforms,
25
-
26
- {
27
- quantizeMatPos: { value: null },
28
- quantizeMatUV: { value: null }
29
- }
30
-
31
- ] );
32
-
33
- this.vertexShader = [
34
- '#define PHONG',
35
-
36
- 'varying vec3 vViewPosition;',
37
-
38
- ShaderChunk.common,
39
- ShaderChunk.uv_pars_vertex,
40
- ShaderChunk.displacementmap_pars_vertex,
41
- ShaderChunk.envmap_pars_vertex,
42
- ShaderChunk.color_pars_vertex,
43
- ShaderChunk.fog_pars_vertex,
44
- ShaderChunk.normal_pars_vertex,
45
- ShaderChunk.morphtarget_pars_vertex,
46
- ShaderChunk.skinning_pars_vertex,
47
- ShaderChunk.shadowmap_pars_vertex,
48
- ShaderChunk.logdepthbuf_pars_vertex,
49
- ShaderChunk.clipping_planes_pars_vertex,
50
-
51
- `#ifdef USE_PACKED_NORMAL
52
- #if USE_PACKED_NORMAL == 0
53
- vec3 decodeNormal(vec3 packedNormal)
54
- {
55
- float x = packedNormal.x * 2.0 - 1.0;
56
- float y = packedNormal.y * 2.0 - 1.0;
57
- vec2 scth = vec2(sin(x * PI), cos(x * PI));
58
- vec2 scphi = vec2(sqrt(1.0 - y * y), y);
59
- return normalize( vec3(scth.y * scphi.x, scth.x * scphi.x, scphi.y) );
60
- }
61
- #endif
62
-
63
- #if USE_PACKED_NORMAL == 1
64
- vec3 decodeNormal(vec3 packedNormal)
65
- {
66
- vec3 v = vec3(packedNormal.xy, 1.0 - abs(packedNormal.x) - abs(packedNormal.y));
67
- if (v.z < 0.0)
68
- {
69
- v.xy = (1.0 - abs(v.yx)) * vec2((v.x >= 0.0) ? +1.0 : -1.0, (v.y >= 0.0) ? +1.0 : -1.0);
70
- }
71
- return normalize(v);
72
- }
73
- #endif
74
-
75
- #if USE_PACKED_NORMAL == 2
76
- vec3 decodeNormal(vec3 packedNormal)
77
- {
78
- vec3 v = (packedNormal * 2.0) - 1.0;
79
- return normalize(v);
80
- }
81
- #endif
82
- #endif`,
83
-
84
- `#ifdef USE_PACKED_POSITION
85
- #if USE_PACKED_POSITION == 0
86
- uniform mat4 quantizeMatPos;
87
- #endif
88
- #endif`,
89
-
90
- `#ifdef USE_PACKED_UV
91
- #if USE_PACKED_UV == 1
92
- uniform mat3 quantizeMatUV;
93
- #endif
94
- #endif`,
95
-
96
- `#ifdef USE_PACKED_UV
97
- #if USE_PACKED_UV == 0
98
- vec2 decodeUV(vec2 packedUV)
99
- {
100
- vec2 uv = (packedUV * 2.0) - 1.0;
101
- return uv;
102
- }
103
- #endif
104
-
105
- #if USE_PACKED_UV == 1
106
- vec2 decodeUV(vec2 packedUV)
107
- {
108
- vec2 uv = ( vec3(packedUV, 1.0) * quantizeMatUV ).xy;
109
- return uv;
110
- }
111
- #endif
112
- #endif`,
113
-
114
- 'void main() {',
115
-
116
- ShaderChunk.uv_vertex,
117
-
118
- `#ifdef USE_MAP
119
- #ifdef USE_PACKED_UV
120
- vMapUv = decodeUV(vMapUv);
121
- #endif
122
- #endif`,
123
-
124
- ShaderChunk.color_vertex,
125
- ShaderChunk.morphcolor_vertex,
126
-
127
- ShaderChunk.beginnormal_vertex,
128
-
129
- `#ifdef USE_PACKED_NORMAL
130
- objectNormal = decodeNormal(objectNormal);
131
- #endif
132
-
133
- #ifdef USE_TANGENT
134
- vec3 objectTangent = vec3( tangent.xyz );
135
- #endif
136
- `,
137
-
138
- ShaderChunk.morphnormal_vertex,
139
- ShaderChunk.skinbase_vertex,
140
- ShaderChunk.skinnormal_vertex,
141
- ShaderChunk.defaultnormal_vertex,
142
- ShaderChunk.normal_vertex,
143
-
144
- ShaderChunk.begin_vertex,
145
-
146
- `#ifdef USE_PACKED_POSITION
147
- #if USE_PACKED_POSITION == 0
148
- transformed = ( vec4(transformed, 1.0) * quantizeMatPos ).xyz;
149
- #endif
150
- #endif`,
151
-
152
- ShaderChunk.morphtarget_vertex,
153
- ShaderChunk.skinning_vertex,
154
- ShaderChunk.displacementmap_vertex,
155
- ShaderChunk.project_vertex,
156
- ShaderChunk.logdepthbuf_vertex,
157
- ShaderChunk.clipping_planes_vertex,
158
-
159
- 'vViewPosition = - mvPosition.xyz;',
160
-
161
- ShaderChunk.worldpos_vertex,
162
- ShaderChunk.envmap_vertex,
163
- ShaderChunk.shadowmap_vertex,
164
- ShaderChunk.fog_vertex,
165
-
166
- '}',
167
- ].join( '\n' );
168
-
169
- // Use the original MeshPhongMaterial's fragmentShader.
170
- this.fragmentShader = ShaderLib.phong.fragmentShader;
171
-
172
- this.setValues( parameters );
173
-
174
- }
175
-
176
- }
177
-
178
- export { PackedPhongMaterial };
@@ -1,19 +0,0 @@
1
- import { uniform } from '../core/UniformNode.js';
2
- import { sharedUniformGroup } from '../core/UniformGroupNode.js';
3
- import { Vector3 } from '../../math/Vector3.js';
4
-
5
- const cameraGroup = /*#__PURE__*/ sharedUniformGroup( 'camera' ).onRenderUpdate( () => {
6
-
7
- cameraGroup.needsUpdate = true;
8
-
9
- } );
10
-
11
- export const cameraNear = /*#__PURE__*/ uniform( 'float' ).label( 'cameraNear' ).setGroup( cameraGroup ).onRenderUpdate( ( { camera } ) => camera.near );
12
- export const cameraFar = /*#__PURE__*/ uniform( 'float' ).label( 'cameraFar' ).setGroup( cameraGroup ).onRenderUpdate( ( { camera } ) => camera.far );
13
- export const cameraLogDepth = /*#__PURE__*/ uniform( 'float' ).label( 'cameraLogDepth' ).setGroup( cameraGroup ).onRenderUpdate( ( { camera } ) => 2.0 / ( Math.log( camera.far + 1.0 ) / Math.LN2 ) );
14
- export const cameraProjectionMatrix = /*#__PURE__*/ uniform( 'mat4' ).label( 'cameraProjectionMatrix' ).setGroup( cameraGroup ).onRenderUpdate( ( { camera } ) => camera.projectionMatrix );
15
- export const cameraProjectionMatrixInverse = /*#__PURE__*/ uniform( 'mat4' ).label( 'cameraProjectionMatrixInverse' ).setGroup( cameraGroup ).onRenderUpdate( ( { camera } ) => camera.projectionMatrixInverse );
16
- export const cameraViewMatrix = /*#__PURE__*/ uniform( 'mat4' ).label( 'cameraViewMatrix' ).setGroup( cameraGroup ).onRenderUpdate( ( { camera } ) => camera.matrixWorldInverse );
17
- export const cameraWorldMatrix = /*#__PURE__*/ uniform( 'mat4' ).label( 'cameraWorldMatrix' ).setGroup( cameraGroup ).onRenderUpdate( ( { camera } ) => camera.matrixWorld );
18
- export const cameraNormalMatrix = /*#__PURE__*/ uniform( 'mat3' ).label( 'cameraNormalMatrix' ).setGroup( cameraGroup ).onRenderUpdate( ( { camera } ) => camera.normalMatrix );
19
- export const cameraPosition = /*#__PURE__*/ uniform( new Vector3() ).label( 'cameraPosition' ).setGroup( cameraGroup ).onRenderUpdate( ( { camera }, self ) => self.value.setFromMatrixPosition( camera.matrixWorld ) );
@@ -1,14 +0,0 @@
1
- import { attribute } from '../core/AttributeNode.js';
2
- import { varying } from '../core/VaryingNode.js';
3
- import { property } from '../core/PropertyNode.js';
4
- import { cameraViewMatrix } from './CameraNode.js';
5
- import { modelNormalMatrix } from './ModelNode.js';
6
- import { vec3 } from '../shadernode/ShaderNode.js';
7
-
8
- export const normalGeometry = /*#__PURE__*/ attribute( 'normal', 'vec3', vec3( 0, 1, 0 ) );
9
- export const normalLocal = /*#__PURE__*/ normalGeometry.toVar( 'normalLocal' );
10
- export const normalView = /*#__PURE__*/ varying( modelNormalMatrix.mul( normalLocal ), 'v_normalView' ).normalize().toVar( 'normalView' );
11
- export const normalWorld = /*#__PURE__*/ varying( normalView.transformDirection( cameraViewMatrix ), 'v_normalWorld' ).normalize().toVar( 'normalWorld' );
12
- export const transformedNormalView = /*#__PURE__*/ property( 'vec3', 'transformedNormalView' );
13
- export const transformedNormalWorld = /*#__PURE__*/ transformedNormalView.transformDirection( cameraViewMatrix ).normalize().toVar( 'transformedNormalWorld' );
14
- export const transformedClearcoatNormalView = /*#__PURE__*/ property( 'vec3', 'transformedClearcoatNormalView' );
@@ -1,10 +0,0 @@
1
- import { attribute } from '../core/AttributeNode.js';
2
- import { varying } from '../core/VaryingNode.js';
3
- import { modelWorldMatrix, modelViewMatrix } from './ModelNode.js';
4
-
5
- export const positionGeometry = /*#__PURE__*/ attribute( 'position', 'vec3' );
6
- export const positionLocal = /*#__PURE__*/ positionGeometry.toVar( 'positionLocal' );
7
- export const positionWorld = /*#__PURE__*/ varying( modelWorldMatrix.mul( positionLocal ).xyz, 'v_positionWorld' );
8
- export const positionWorldDirection = /*#__PURE__*/ varying( positionLocal.transformDirection( modelWorldMatrix ), 'v_positionWorldDirection' ).normalize().toVar( 'positionWorldDirection' );
9
- export const positionView = /*#__PURE__*/ varying( modelViewMatrix.mul( positionLocal ).xyz, 'v_positionView' );
10
- export const positionViewDirection = /*#__PURE__*/ varying( positionView.negate(), 'v_positionViewDirection' ).normalize().toVar( 'positionViewDirection' );
@@ -1,10 +0,0 @@
1
- import { cameraViewMatrix } from './CameraNode.js';
2
- import { transformedNormalView } from './NormalNode.js';
3
- import { positionViewDirection } from './PositionNode.js';
4
- import { materialRefractionRatio } from './MaterialNode.js';
5
-
6
- export const reflectView = /*#__PURE__*/ positionViewDirection.negate().reflect( transformedNormalView );
7
- export const refractView = /*#__PURE__*/ positionViewDirection.negate().refract( transformedNormalView, materialRefractionRatio );
8
-
9
- export const reflectVector = /*#__PURE__*/ reflectView.transformDirection( cameraViewMatrix ).toVar( 'reflectVector' );
10
- export const refractVector = /*#__PURE__*/ refractView.transformDirection( cameraViewMatrix ).toVar( 'reflectVector' );
@@ -1,23 +0,0 @@
1
- import { attribute } from '../core/AttributeNode.js';
2
- import { varying } from '../core/VaryingNode.js';
3
- import { cameraViewMatrix } from './CameraNode.js';
4
- import { modelViewMatrix } from './ModelNode.js';
5
- import { tslFn, vec4 } from '../shadernode/ShaderNode.js';
6
-
7
- export const tangentGeometry = /*#__PURE__*/ tslFn( ( stack, builder ) => {
8
-
9
- if ( builder.geometry.hasAttribute( 'tangent' ) === false ) {
10
-
11
- builder.geometry.computeTangents();
12
-
13
- }
14
-
15
- return attribute( 'tangent', 'vec4' );
16
-
17
- } )();
18
-
19
- export const tangentLocal = /*#__PURE__*/ tangentGeometry.xyz.toVar( 'tangentLocal' );
20
- export const tangentView = /*#__PURE__*/ varying( modelViewMatrix.mul( vec4( tangentLocal, 0 ) ).xyz, 'v_tangentView' ).normalize().toVar( 'tangentView' );
21
- export const tangentWorld = /*#__PURE__*/ varying( tangentView.transformDirection( cameraViewMatrix ), 'v_tangentWorld' ).normalize().toVar( 'tangentWorld' );
22
- export const transformedTangentView = /*#__PURE__*/ tangentView.toVar( 'transformedTangentView' );
23
- export const transformedTangentWorld = /*#__PURE__*/ transformedTangentView.transformDirection( cameraViewMatrix ).normalize().toVar( 'transformedTangentWorld' );
@@ -1,80 +0,0 @@
1
- class NodeKeywords {
2
-
3
- constructor() {
4
-
5
- this.keywords = [];
6
- this.nodes = {};
7
- this.keywordsCallback = {};
8
-
9
- }
10
-
11
- getNode( name ) {
12
-
13
- let node = this.nodes[ name ];
14
-
15
- if ( node === undefined && this.keywordsCallback[ name ] !== undefined ) {
16
-
17
- node = this.keywordsCallback[ name ]( name );
18
-
19
- this.nodes[ name ] = node;
20
-
21
- }
22
-
23
- return node;
24
-
25
- }
26
-
27
- addKeyword( name, callback ) {
28
-
29
- this.keywords.push( name );
30
- this.keywordsCallback[ name ] = callback;
31
-
32
- return this;
33
-
34
- }
35
-
36
- parse( code ) {
37
-
38
- const keywordNames = this.keywords;
39
-
40
- const regExp = new RegExp( `\\b${keywordNames.join( '\\b|\\b' )}\\b`, 'g' );
41
-
42
- const codeKeywords = code.match( regExp );
43
-
44
- const keywordNodes = [];
45
-
46
- if ( codeKeywords !== null ) {
47
-
48
- for ( const keyword of codeKeywords ) {
49
-
50
- const node = this.getNode( keyword );
51
-
52
- if ( node !== undefined && keywordNodes.indexOf( node ) === - 1 ) {
53
-
54
- keywordNodes.push( node );
55
-
56
- }
57
-
58
- }
59
-
60
- }
61
-
62
- return keywordNodes;
63
-
64
- }
65
-
66
- include( builder, code ) {
67
-
68
- const keywordNodes = this.parse( code );
69
-
70
- for ( const keywordNode of keywordNodes ) {
71
-
72
- keywordNode.build( builder );
73
-
74
- }
75
-
76
- }
77
-
78
- }
79
-
80
- export default NodeKeywords;
@@ -1,128 +0,0 @@
1
- import TempNode from '../core/TempNode.js';
2
- import { /*mix, step,*/ EPSILON } from '../math/MathNode.js';
3
- import { addNodeClass } from '../core/Node.js';
4
- import { addNodeElement, tslFn, nodeProxy, vec3 } from '../shadernode/ShaderNode.js';
5
-
6
- export const BurnNode = tslFn( ( { base, blend } ) => {
7
-
8
- const fn = ( c ) => blend[ c ].lessThan( EPSILON ).cond( blend[ c ], base[ c ].oneMinus().div( blend[ c ] ).oneMinus().max( 0 ) );
9
-
10
- return vec3( fn( 'x' ), fn( 'y' ), fn( 'z' ) );
11
-
12
- } ).setLayout( {
13
- name: 'burnColor',
14
- type: 'vec3',
15
- inputs: [
16
- { name: 'base', type: 'vec3' },
17
- { name: 'blend', type: 'vec3' }
18
- ]
19
- } );
20
-
21
- export const DodgeNode = tslFn( ( { base, blend } ) => {
22
-
23
- const fn = ( c ) => blend[ c ].equal( 1.0 ).cond( blend[ c ], base[ c ].div( blend[ c ].oneMinus() ).max( 0 ) );
24
-
25
- return vec3( fn( 'x' ), fn( 'y' ), fn( 'z' ) );
26
-
27
- } ).setLayout( {
28
- name: 'dodgeColor',
29
- type: 'vec3',
30
- inputs: [
31
- { name: 'base', type: 'vec3' },
32
- { name: 'blend', type: 'vec3' }
33
- ]
34
- } );
35
-
36
- export const ScreenNode = tslFn( ( { base, blend } ) => {
37
-
38
- const fn = ( c ) => base[ c ].oneMinus().mul( blend[ c ].oneMinus() ).oneMinus();
39
-
40
- return vec3( fn( 'x' ), fn( 'y' ), fn( 'z' ) );
41
-
42
- } ).setLayout( {
43
- name: 'screenColor',
44
- type: 'vec3',
45
- inputs: [
46
- { name: 'base', type: 'vec3' },
47
- { name: 'blend', type: 'vec3' }
48
- ]
49
- } );
50
-
51
- export const OverlayNode = tslFn( ( { base, blend } ) => {
52
-
53
- const fn = ( c ) => base[ c ].lessThan( 0.5 ).cond( base[ c ].mul( blend[ c ], 2.0 ), base[ c ].oneMinus().mul( blend[ c ].oneMinus() ).oneMinus() );
54
- //const fn = ( c ) => mix( base[ c ].oneMinus().mul( blend[ c ].oneMinus() ).oneMinus(), base[ c ].mul( blend[ c ], 2.0 ), step( base[ c ], 0.5 ) );
55
-
56
- return vec3( fn( 'x' ), fn( 'y' ), fn( 'z' ) );
57
-
58
- } ).setLayout( {
59
- name: 'overlayColor',
60
- type: 'vec3',
61
- inputs: [
62
- { name: 'base', type: 'vec3' },
63
- { name: 'blend', type: 'vec3' }
64
- ]
65
- } );
66
-
67
- class BlendModeNode extends TempNode {
68
-
69
- constructor( blendMode, baseNode, blendNode ) {
70
-
71
- super();
72
-
73
- this.blendMode = blendMode;
74
-
75
- this.baseNode = baseNode;
76
- this.blendNode = blendNode;
77
-
78
- }
79
-
80
- setup() {
81
-
82
- const { blendMode, baseNode, blendNode } = this;
83
- const params = { base: baseNode, blend: blendNode };
84
-
85
- let outputNode = null;
86
-
87
- if ( blendMode === BlendModeNode.BURN ) {
88
-
89
- outputNode = BurnNode( params );
90
-
91
- } else if ( blendMode === BlendModeNode.DODGE ) {
92
-
93
- outputNode = DodgeNode( params );
94
-
95
- } else if ( blendMode === BlendModeNode.SCREEN ) {
96
-
97
- outputNode = ScreenNode( params );
98
-
99
- } else if ( blendMode === BlendModeNode.OVERLAY ) {
100
-
101
- outputNode = OverlayNode( params );
102
-
103
- }
104
-
105
- return outputNode;
106
-
107
- }
108
-
109
- }
110
-
111
- BlendModeNode.BURN = 'burn';
112
- BlendModeNode.DODGE = 'dodge';
113
- BlendModeNode.SCREEN = 'screen';
114
- BlendModeNode.OVERLAY = 'overlay';
115
-
116
- export default BlendModeNode;
117
-
118
- export const burn = nodeProxy( BlendModeNode, BlendModeNode.BURN );
119
- export const dodge = nodeProxy( BlendModeNode, BlendModeNode.DODGE );
120
- export const overlay = nodeProxy( BlendModeNode, BlendModeNode.OVERLAY );
121
- export const screen = nodeProxy( BlendModeNode, BlendModeNode.SCREEN );
122
-
123
- addNodeElement( 'burn', burn );
124
- addNodeElement( 'dodge', dodge );
125
- addNodeElement( 'overlay', overlay );
126
- addNodeElement( 'screen', screen );
127
-
128
- addNodeClass( 'BlendModeNode', BlendModeNode );
@@ -1,104 +0,0 @@
1
- import TempNode from '../core/TempNode.js';
2
- import { dot, mix } from '../math/MathNode.js';
3
- import { add } from '../math/OperatorNode.js';
4
- import { addNodeClass } from '../core/Node.js';
5
- import { addNodeElement, tslFn, nodeProxy, float, vec3 } from '../shadernode/ShaderNode.js';
6
- import { ColorManagement } from '../../math/ColorManagement.js';
7
- import { Vector3 } from '../../math/Vector3.js';
8
-
9
- const saturationNode = tslFn( ( { color, adjustment } ) => {
10
-
11
- return adjustment.mix( luminance( color.rgb ), color.rgb );
12
-
13
- } );
14
-
15
- const vibranceNode = tslFn( ( { color, adjustment } ) => {
16
-
17
- const average = add( color.r, color.g, color.b ).div( 3.0 );
18
-
19
- const mx = color.r.max( color.g.max( color.b ) );
20
- const amt = mx.sub( average ).mul( adjustment ).mul( - 3.0 );
21
-
22
- return mix( color.rgb, mx, amt );
23
-
24
- } );
25
-
26
- const hueNode = tslFn( ( { color, adjustment } ) => {
27
-
28
- const k = vec3( 0.57735, 0.57735, 0.57735 );
29
-
30
- const cosAngle = adjustment.cos();
31
-
32
- return vec3( color.rgb.mul( cosAngle ).add( k.cross( color.rgb ).mul( adjustment.sin() ).add( k.mul( dot( k, color.rgb ).mul( cosAngle.oneMinus() ) ) ) ) );
33
-
34
- } );
35
-
36
- class ColorAdjustmentNode extends TempNode {
37
-
38
- constructor( method, colorNode, adjustmentNode = float( 1 ) ) {
39
-
40
- super( 'vec3' );
41
-
42
- this.method = method;
43
-
44
- this.colorNode = colorNode;
45
- this.adjustmentNode = adjustmentNode;
46
-
47
- }
48
-
49
- setup() {
50
-
51
- const { method, colorNode, adjustmentNode } = this;
52
-
53
- const callParams = { color: colorNode, adjustment: adjustmentNode };
54
-
55
- let outputNode = null;
56
-
57
- if ( method === ColorAdjustmentNode.SATURATION ) {
58
-
59
- outputNode = saturationNode( callParams );
60
-
61
- } else if ( method === ColorAdjustmentNode.VIBRANCE ) {
62
-
63
- outputNode = vibranceNode( callParams );
64
-
65
- } else if ( method === ColorAdjustmentNode.HUE ) {
66
-
67
- outputNode = hueNode( callParams );
68
-
69
- } else {
70
-
71
- console.error( `${ this.type }: Method "${ this.method }" not supported!` );
72
-
73
- }
74
-
75
- return outputNode;
76
-
77
- }
78
-
79
- }
80
-
81
- ColorAdjustmentNode.SATURATION = 'saturation';
82
- ColorAdjustmentNode.VIBRANCE = 'vibrance';
83
- ColorAdjustmentNode.HUE = 'hue';
84
-
85
- export default ColorAdjustmentNode;
86
-
87
- export const saturation = nodeProxy( ColorAdjustmentNode, ColorAdjustmentNode.SATURATION );
88
- export const vibrance = nodeProxy( ColorAdjustmentNode, ColorAdjustmentNode.VIBRANCE );
89
- export const hue = nodeProxy( ColorAdjustmentNode, ColorAdjustmentNode.HUE );
90
-
91
- const _luminanceCoefficients = /*#__PURE__*/ new Vector3();
92
- export const luminance = (
93
- color,
94
- luminanceCoefficients = vec3( ... ColorManagement.getLuminanceCoefficients( _luminanceCoefficients ) )
95
- ) => dot( color, luminanceCoefficients );
96
-
97
- export const threshold = ( color, threshold ) => mix( vec3( 0.0 ), color, luminance( color ).sub( threshold ).max( 0 ) );
98
-
99
- addNodeElement( 'saturation', saturation );
100
- addNodeElement( 'vibrance', vibrance );
101
- addNodeElement( 'hue', hue );
102
- addNodeElement( 'threshold', threshold );
103
-
104
- addNodeClass( 'ColorAdjustmentNode', ColorAdjustmentNode );