@plastic-software/three 0.181.3 → 0.183.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 (437) hide show
  1. package/LICENSE +1 -1
  2. package/README.md +3 -4
  3. package/build/three.cjs +11330 -10017
  4. package/build/three.core.js +10011 -9493
  5. package/build/three.core.min.js +2 -2
  6. package/build/three.module.js +1414 -631
  7. package/build/three.module.min.js +2 -2
  8. package/build/three.tsl.js +21 -13
  9. package/build/three.tsl.min.js +2 -2
  10. package/build/three.webgpu.js +8007 -5427
  11. package/build/three.webgpu.min.js +2 -2
  12. package/build/three.webgpu.nodes.js +8005 -5426
  13. package/build/three.webgpu.nodes.min.js +2 -2
  14. package/examples/jsm/Addons.js +0 -3
  15. package/examples/jsm/animation/CCDIKSolver.js +2 -2
  16. package/examples/jsm/controls/ArcballControls.js +3 -3
  17. package/examples/jsm/controls/MapControls.js +55 -1
  18. package/examples/jsm/controls/OrbitControls.js +109 -6
  19. package/examples/jsm/controls/TrackballControls.js +6 -6
  20. package/examples/jsm/csm/CSM.js +2 -1
  21. package/examples/jsm/effects/AnaglyphEffect.js +102 -7
  22. package/examples/jsm/environments/ColorEnvironment.js +59 -0
  23. package/examples/jsm/environments/RoomEnvironment.js +3 -0
  24. package/examples/jsm/exporters/EXRExporter.js +1 -1
  25. package/examples/jsm/exporters/GLTFExporter.js +131 -4
  26. package/examples/jsm/exporters/USDZExporter.js +22 -3
  27. package/examples/jsm/geometries/DecalGeometry.js +1 -1
  28. package/examples/jsm/helpers/AnimationPathHelper.js +302 -0
  29. package/examples/jsm/helpers/LightProbeHelperGPU.js +1 -1
  30. package/examples/jsm/helpers/TextureHelperGPU.js +1 -1
  31. package/examples/jsm/helpers/ViewHelper.js +67 -8
  32. package/examples/jsm/inspector/Inspector.js +74 -14
  33. package/examples/jsm/inspector/RendererInspector.js +12 -2
  34. package/examples/jsm/inspector/tabs/Console.js +41 -7
  35. package/examples/jsm/inspector/tabs/Parameters.js +18 -2
  36. package/examples/jsm/inspector/tabs/Performance.js +2 -2
  37. package/examples/jsm/inspector/tabs/Viewer.js +4 -4
  38. package/examples/jsm/inspector/ui/Profiler.js +1836 -31
  39. package/examples/jsm/inspector/ui/Style.js +973 -14
  40. package/examples/jsm/inspector/ui/Tab.js +188 -1
  41. package/examples/jsm/inspector/ui/Values.js +17 -1
  42. package/examples/jsm/libs/meshopt_decoder.module.js +6 -5
  43. package/examples/jsm/lines/LineMaterial.js +6 -0
  44. package/examples/jsm/loaders/3DMLoader.js +5 -4
  45. package/examples/jsm/loaders/3MFLoader.js +2 -2
  46. package/examples/jsm/loaders/AMFLoader.js +2 -2
  47. package/examples/jsm/loaders/ColladaLoader.js +24 -4026
  48. package/examples/jsm/loaders/DRACOLoader.js +5 -5
  49. package/examples/jsm/loaders/EXRLoader.js +5 -5
  50. package/examples/jsm/loaders/FBXLoader.js +2 -4
  51. package/examples/jsm/loaders/GCodeLoader.js +34 -8
  52. package/examples/jsm/loaders/GLTFLoader.js +122 -171
  53. package/examples/jsm/loaders/HDRLoader.js +0 -1
  54. package/examples/jsm/loaders/KMZLoader.js +5 -5
  55. package/examples/jsm/loaders/KTX2Loader.js +19 -3
  56. package/examples/jsm/loaders/LDrawLoader.js +2 -3
  57. package/examples/jsm/loaders/LWOLoader.js +7 -39
  58. package/examples/jsm/loaders/NRRDLoader.js +2 -2
  59. package/examples/jsm/loaders/PCDLoader.js +4 -2
  60. package/examples/jsm/loaders/SVGLoader.js +1 -1
  61. package/examples/jsm/loaders/TDSLoader.js +0 -2
  62. package/examples/jsm/loaders/TGALoader.js +0 -2
  63. package/examples/jsm/loaders/USDLoader.js +100 -40
  64. package/examples/jsm/loaders/UltraHDRLoader.js +285 -160
  65. package/examples/jsm/loaders/VOXLoader.js +660 -117
  66. package/examples/jsm/loaders/VRMLLoader.js +79 -2
  67. package/examples/jsm/loaders/VTKLoader.js +37 -24
  68. package/examples/jsm/loaders/collada/ColladaComposer.js +2950 -0
  69. package/examples/jsm/loaders/collada/ColladaParser.js +1962 -0
  70. package/examples/jsm/loaders/usd/USDAParser.js +447 -366
  71. package/examples/jsm/loaders/usd/USDCParser.js +1841 -6
  72. package/examples/jsm/loaders/usd/USDComposer.js +4041 -0
  73. package/examples/jsm/materials/LDrawConditionalLineNodeMaterial.js +2 -2
  74. package/examples/jsm/materials/WoodNodeMaterial.js +11 -11
  75. package/examples/jsm/math/Octree.js +131 -1
  76. package/examples/jsm/misc/Volume.js +0 -1
  77. package/examples/jsm/misc/VolumeSlice.js +0 -1
  78. package/examples/jsm/objects/LensflareMesh.js +1 -1
  79. package/examples/jsm/objects/Sky.js +76 -4
  80. package/examples/jsm/objects/SkyMesh.js +127 -10
  81. package/examples/jsm/objects/Water.js +4 -3
  82. package/examples/jsm/objects/Water2.js +5 -3
  83. package/examples/jsm/objects/WaterMesh.js +5 -7
  84. package/examples/jsm/physics/AmmoPhysics.js +12 -7
  85. package/examples/jsm/physics/JoltPhysics.js +10 -6
  86. package/examples/jsm/physics/RapierPhysics.js +9 -5
  87. package/examples/jsm/postprocessing/EffectComposer.js +7 -5
  88. package/examples/jsm/postprocessing/OutputPass.js +9 -0
  89. package/examples/jsm/postprocessing/RenderPass.js +10 -0
  90. package/examples/jsm/postprocessing/RenderTransitionPass.js +1 -1
  91. package/examples/jsm/postprocessing/UnrealBloomPass.js +48 -18
  92. package/examples/jsm/renderers/CSS3DRenderer.js +1 -1
  93. package/examples/jsm/renderers/Projector.js +268 -30
  94. package/examples/jsm/renderers/SVGRenderer.js +193 -60
  95. package/examples/jsm/shaders/GTAOShader.js +19 -6
  96. package/examples/jsm/shaders/HalftoneShader.js +12 -1
  97. package/examples/jsm/shaders/PoissonDenoiseShader.js +6 -2
  98. package/examples/jsm/shaders/SAOShader.js +17 -4
  99. package/examples/jsm/shaders/SSAOShader.js +11 -1
  100. package/examples/jsm/shaders/SSRShader.js +6 -5
  101. package/examples/jsm/shaders/UnpackDepthRGBAShader.js +2 -4
  102. package/examples/jsm/shaders/VignetteShader.js +1 -1
  103. package/examples/jsm/transpiler/AST.js +44 -0
  104. package/examples/jsm/transpiler/GLSLDecoder.js +61 -4
  105. package/examples/jsm/transpiler/ShaderToyDecoder.js +2 -0
  106. package/examples/jsm/transpiler/TSLEncoder.js +46 -3
  107. package/examples/jsm/transpiler/TranspilerUtils.js +3 -3
  108. package/examples/jsm/transpiler/WGSLEncoder.js +27 -0
  109. package/examples/jsm/tsl/display/AfterImageNode.js +1 -1
  110. package/examples/jsm/tsl/display/AnaglyphPassNode.js +458 -16
  111. package/examples/jsm/tsl/display/AnamorphicNode.js +1 -1
  112. package/examples/jsm/tsl/display/BilateralBlurNode.js +364 -0
  113. package/examples/jsm/tsl/display/BloomNode.js +16 -6
  114. package/examples/jsm/tsl/display/CRT.js +150 -0
  115. package/examples/jsm/tsl/display/DenoiseNode.js +1 -1
  116. package/examples/jsm/tsl/display/DepthOfFieldNode.js +1 -1
  117. package/examples/jsm/tsl/display/DotScreenNode.js +1 -1
  118. package/examples/jsm/tsl/display/FXAANode.js +2 -2
  119. package/examples/jsm/tsl/display/GTAONode.js +5 -4
  120. package/examples/jsm/tsl/display/GaussianBlurNode.js +11 -2
  121. package/examples/jsm/tsl/display/GodraysNode.js +624 -0
  122. package/examples/jsm/tsl/display/LensflareNode.js +1 -1
  123. package/examples/jsm/tsl/display/Lut3DNode.js +1 -1
  124. package/examples/jsm/tsl/display/OutlineNode.js +3 -3
  125. package/examples/jsm/tsl/display/ParallaxBarrierPassNode.js +2 -2
  126. package/examples/jsm/tsl/display/PixelationPassNode.js +7 -6
  127. package/examples/jsm/tsl/display/RGBShiftNode.js +2 -2
  128. package/examples/jsm/tsl/display/RetroPassNode.js +263 -0
  129. package/examples/jsm/tsl/display/SMAANode.js +2 -2
  130. package/examples/jsm/tsl/display/SSAAPassNode.js +2 -2
  131. package/examples/jsm/tsl/display/SSGINode.js +8 -20
  132. package/examples/jsm/tsl/display/SSRNode.js +8 -8
  133. package/examples/jsm/tsl/display/SSSNode.js +6 -4
  134. package/examples/jsm/tsl/display/Shape.js +29 -0
  135. package/examples/jsm/tsl/display/SobelOperatorNode.js +2 -2
  136. package/examples/jsm/tsl/display/StereoCompositePassNode.js +8 -1
  137. package/examples/jsm/tsl/display/StereoPassNode.js +1 -2
  138. package/examples/jsm/tsl/display/TRAANode.js +273 -125
  139. package/examples/jsm/tsl/display/TransitionNode.js +1 -1
  140. package/examples/jsm/tsl/display/depthAwareBlend.js +80 -0
  141. package/examples/jsm/tsl/display/radialBlur.js +68 -0
  142. package/examples/jsm/tsl/math/Bayer.js +40 -1
  143. package/examples/jsm/utils/LDrawUtils.js +1 -1
  144. package/examples/jsm/utils/ShadowMapViewer.js +24 -10
  145. package/examples/jsm/utils/ShadowMapViewerGPU.js +1 -1
  146. package/examples/jsm/utils/WebGPUTextureUtils.js +1 -1
  147. package/package.json +20 -26
  148. package/src/Three.Core.js +2 -1
  149. package/src/Three.TSL.js +19 -11
  150. package/src/Three.WebGPU.Nodes.js +2 -0
  151. package/src/Three.WebGPU.js +3 -0
  152. package/src/Three.js +1 -0
  153. package/src/animation/AnimationAction.js +1 -1
  154. package/src/animation/AnimationClip.js +1 -1
  155. package/src/animation/AnimationMixer.js +6 -0
  156. package/src/animation/AnimationUtils.js +1 -12
  157. package/src/animation/KeyframeTrack.js +47 -8
  158. package/src/animation/PropertyMixer.js +4 -4
  159. package/src/animation/tracks/BooleanKeyframeTrack.js +1 -1
  160. package/src/animation/tracks/ColorKeyframeTrack.js +1 -1
  161. package/src/animation/tracks/NumberKeyframeTrack.js +1 -1
  162. package/src/animation/tracks/QuaternionKeyframeTrack.js +1 -1
  163. package/src/animation/tracks/StringKeyframeTrack.js +1 -1
  164. package/src/animation/tracks/VectorKeyframeTrack.js +1 -1
  165. package/src/audio/Audio.js +1 -1
  166. package/src/audio/AudioListener.js +5 -3
  167. package/src/cameras/Camera.js +32 -2
  168. package/src/cameras/CubeCamera.js +20 -0
  169. package/src/constants.js +90 -5
  170. package/src/core/BufferGeometry.js +14 -2
  171. package/src/core/Clock.js +7 -0
  172. package/src/core/Object3D.js +56 -4
  173. package/src/core/Raycaster.js +2 -2
  174. package/src/core/RenderTarget.js +3 -4
  175. package/src/extras/PMREMGenerator.js +7 -18
  176. package/src/extras/TextureUtils.js +5 -1
  177. package/src/geometries/ExtrudeGeometry.js +2 -2
  178. package/src/geometries/PolyhedronGeometry.js +1 -1
  179. package/src/geometries/TorusGeometry.js +8 -3
  180. package/src/helpers/CameraHelper.js +3 -0
  181. package/src/helpers/DirectionalLightHelper.js +4 -1
  182. package/src/helpers/HemisphereLightHelper.js +3 -0
  183. package/src/helpers/PointLightHelper.js +1 -25
  184. package/src/helpers/SpotLightHelper.js +3 -0
  185. package/src/lights/DirectionalLight.js +13 -0
  186. package/src/lights/HemisphereLight.js +10 -0
  187. package/src/lights/Light.js +1 -11
  188. package/src/lights/LightProbe.js +0 -15
  189. package/src/lights/LightShadow.js +15 -6
  190. package/src/lights/PointLight.js +15 -0
  191. package/src/lights/PointLightShadow.js +0 -86
  192. package/src/lights/SpotLight.js +22 -1
  193. package/src/lights/webgpu/IESSpotLight.js +2 -1
  194. package/src/loaders/Cache.js +28 -0
  195. package/src/loaders/FileLoader.js +1 -1
  196. package/src/loaders/ImageBitmapLoader.js +8 -3
  197. package/src/loaders/Loader.js +6 -0
  198. package/src/loaders/MaterialLoader.js +2 -1
  199. package/src/loaders/ObjectLoader.js +21 -2
  200. package/src/loaders/nodes/NodeLoader.js +2 -2
  201. package/src/materials/Material.js +2 -0
  202. package/src/materials/MeshLambertMaterial.js +9 -0
  203. package/src/materials/MeshPhongMaterial.js +9 -0
  204. package/src/materials/ShaderMaterial.js +20 -1
  205. package/src/materials/nodes/Line2NodeMaterial.js +7 -7
  206. package/src/materials/nodes/MeshPhysicalNodeMaterial.js +5 -2
  207. package/src/materials/nodes/MeshStandardNodeMaterial.js +5 -4
  208. package/src/materials/nodes/NodeMaterial.js +72 -25
  209. package/src/materials/nodes/manager/NodeMaterialObserver.js +10 -4
  210. package/src/math/Line3.js +3 -5
  211. package/src/math/MathUtils.js +10 -10
  212. package/src/math/Matrix4.js +74 -65
  213. package/src/math/Quaternion.js +3 -29
  214. package/src/math/Sphere.js +1 -1
  215. package/src/math/Vector3.js +3 -5
  216. package/src/math/interpolants/BezierInterpolant.js +108 -0
  217. package/src/nodes/Nodes.js +87 -68
  218. package/src/nodes/TSL.js +6 -6
  219. package/src/nodes/accessors/Arrays.js +1 -1
  220. package/src/nodes/accessors/BatchNode.js +10 -10
  221. package/src/nodes/accessors/Bitangent.js +5 -5
  222. package/src/nodes/accessors/BufferAttributeNode.js +98 -12
  223. package/src/nodes/accessors/BufferNode.js +29 -2
  224. package/src/nodes/accessors/Camera.js +149 -28
  225. package/src/nodes/accessors/ClippingNode.js +4 -4
  226. package/src/nodes/accessors/CubeTextureNode.js +20 -1
  227. package/src/nodes/accessors/InstanceNode.js +148 -43
  228. package/src/nodes/accessors/MaterialNode.js +9 -1
  229. package/src/nodes/accessors/MaterialReferenceNode.js +1 -2
  230. package/src/nodes/accessors/ModelNode.js +1 -1
  231. package/src/nodes/accessors/Normal.js +11 -11
  232. package/src/nodes/accessors/Position.js +34 -2
  233. package/src/nodes/accessors/ReferenceBaseNode.js +4 -4
  234. package/src/nodes/accessors/ReferenceNode.js +4 -4
  235. package/src/nodes/accessors/RendererReferenceNode.js +1 -2
  236. package/src/nodes/accessors/SceneProperties.js +53 -0
  237. package/src/nodes/accessors/SkinningNode.js +27 -26
  238. package/src/nodes/accessors/StorageBufferNode.js +4 -21
  239. package/src/nodes/accessors/StorageTextureNode.js +37 -1
  240. package/src/nodes/accessors/Tangent.js +4 -14
  241. package/src/nodes/accessors/Texture3DNode.js +32 -35
  242. package/src/nodes/accessors/TextureNode.js +58 -22
  243. package/src/nodes/accessors/UniformArrayNode.js +4 -2
  244. package/src/nodes/accessors/UserDataNode.js +1 -2
  245. package/src/nodes/accessors/VertexColorNode.js +1 -2
  246. package/src/nodes/code/FunctionNode.js +1 -2
  247. package/src/nodes/core/ArrayNode.js +20 -1
  248. package/src/nodes/core/AssignNode.js +2 -2
  249. package/src/nodes/core/AttributeNode.js +2 -2
  250. package/src/nodes/core/ContextNode.js +103 -4
  251. package/src/nodes/core/MRTNode.js +48 -2
  252. package/src/nodes/core/Node.js +29 -3
  253. package/src/nodes/core/NodeBuilder.js +170 -53
  254. package/src/nodes/core/NodeError.js +28 -0
  255. package/src/nodes/core/NodeFrame.js +12 -4
  256. package/src/nodes/core/NodeUtils.js +10 -8
  257. package/src/nodes/core/OutputStructNode.js +12 -10
  258. package/src/nodes/core/ParameterNode.js +3 -3
  259. package/src/nodes/core/PropertyNode.js +19 -3
  260. package/src/nodes/core/StackNode.js +65 -16
  261. package/src/nodes/core/StackTrace.js +139 -0
  262. package/src/nodes/core/StructNode.js +16 -2
  263. package/src/nodes/core/StructTypeNode.js +11 -17
  264. package/src/nodes/core/SubBuildNode.js +1 -1
  265. package/src/nodes/core/UniformNode.js +21 -5
  266. package/src/nodes/core/VarNode.js +47 -22
  267. package/src/nodes/core/VaryingNode.js +1 -18
  268. package/src/nodes/display/BlendModes.js +0 -64
  269. package/src/nodes/display/ColorAdjustment.js +17 -0
  270. package/src/nodes/display/ColorSpaceNode.js +3 -3
  271. package/src/nodes/display/NormalMapNode.js +39 -4
  272. package/src/nodes/display/PassNode.js +98 -9
  273. package/src/nodes/display/RenderOutputNode.js +3 -3
  274. package/src/nodes/display/ScreenNode.js +3 -1
  275. package/src/nodes/display/ToneMappingNode.js +1 -1
  276. package/src/nodes/display/ToonOutlinePassNode.js +2 -2
  277. package/src/nodes/display/ViewportDepthNode.js +52 -4
  278. package/src/nodes/display/ViewportTextureNode.js +21 -4
  279. package/src/nodes/fog/Fog.js +18 -35
  280. package/src/nodes/functions/BSDF/BRDF_GGX_Multiscatter.js +3 -3
  281. package/src/nodes/functions/BSDF/DFGLUT.js +56 -0
  282. package/src/nodes/functions/BSDF/EnvironmentBRDF.js +2 -2
  283. package/src/nodes/functions/BSDF/V_GGX_SmithCorrelated_Anisotropic.js +1 -1
  284. package/src/nodes/functions/PhysicalLightingModel.js +126 -45
  285. package/src/nodes/geometry/RangeNode.js +4 -2
  286. package/src/nodes/gpgpu/ComputeBuiltinNode.js +1 -2
  287. package/src/nodes/gpgpu/ComputeNode.js +5 -4
  288. package/src/nodes/gpgpu/SubgroupFunctionNode.js +1 -1
  289. package/src/nodes/gpgpu/WorkgroupInfoNode.js +4 -4
  290. package/src/nodes/lighting/AnalyticLightNode.js +53 -0
  291. package/src/nodes/lighting/EnvironmentNode.js +28 -3
  292. package/src/nodes/lighting/LightsNode.js +2 -2
  293. package/src/nodes/lighting/PointShadowNode.js +162 -149
  294. package/src/nodes/lighting/ShadowFilterNode.js +53 -65
  295. package/src/nodes/lighting/ShadowNode.js +97 -41
  296. package/src/nodes/math/BitcountNode.js +433 -0
  297. package/src/nodes/math/ConditionalNode.js +2 -2
  298. package/src/nodes/math/MathNode.js +3 -40
  299. package/src/nodes/math/OperatorNode.js +2 -1
  300. package/src/nodes/math/PackFloatNode.js +98 -0
  301. package/src/nodes/math/UnpackFloatNode.js +96 -0
  302. package/src/nodes/pmrem/PMREMNode.js +1 -1
  303. package/src/nodes/pmrem/PMREMUtils.js +9 -15
  304. package/src/nodes/tsl/TSLCore.js +17 -14
  305. package/src/nodes/utils/ArrayElementNode.js +13 -0
  306. package/src/nodes/utils/DebugNode.js +11 -11
  307. package/src/nodes/utils/EventNode.js +1 -2
  308. package/src/nodes/utils/JoinNode.js +2 -2
  309. package/src/nodes/utils/LoopNode.js +1 -1
  310. package/src/nodes/utils/MemberNode.js +1 -1
  311. package/src/nodes/utils/Packing.js +13 -1
  312. package/src/nodes/utils/PostProcessingUtils.js +33 -1
  313. package/src/nodes/utils/RTTNode.js +1 -1
  314. package/src/nodes/utils/ReflectorNode.js +3 -4
  315. package/src/nodes/utils/SampleNode.js +1 -1
  316. package/src/nodes/utils/SpriteSheetUV.js +35 -0
  317. package/src/nodes/utils/UVUtils.js +28 -0
  318. package/src/objects/BatchedMesh.js +27 -14
  319. package/src/objects/InstancedMesh.js +11 -0
  320. package/src/objects/Line.js +1 -1
  321. package/src/objects/Mesh.js +1 -1
  322. package/src/objects/Points.js +1 -1
  323. package/src/objects/Skeleton.js +9 -0
  324. package/src/renderers/WebGLRenderer.js +178 -92
  325. package/src/renderers/common/Backend.js +29 -0
  326. package/src/renderers/common/Background.js +24 -11
  327. package/src/renderers/common/BindGroup.js +1 -9
  328. package/src/renderers/common/Binding.js +11 -0
  329. package/src/renderers/common/Bindings.js +27 -12
  330. package/src/renderers/common/BlendMode.js +143 -0
  331. package/src/renderers/common/Buffer.js +40 -0
  332. package/src/renderers/common/BundleGroup.js +1 -1
  333. package/src/renderers/common/ChainMap.js +30 -6
  334. package/src/renderers/common/CubeRenderTarget.js +50 -6
  335. package/src/renderers/common/Geometries.js +29 -3
  336. package/src/renderers/common/Lighting.js +5 -21
  337. package/src/renderers/common/Pipelines.js +4 -4
  338. package/src/renderers/common/PostProcessing.js +8 -206
  339. package/src/renderers/common/RenderBundles.js +2 -1
  340. package/src/renderers/common/RenderContext.js +16 -0
  341. package/src/renderers/common/RenderContexts.js +33 -49
  342. package/src/renderers/common/RenderLists.js +2 -1
  343. package/src/renderers/common/RenderObject.js +15 -3
  344. package/src/renderers/common/RenderObjectPipeline.js +40 -0
  345. package/src/renderers/common/RenderObjects.js +18 -2
  346. package/src/renderers/common/RenderPipeline.js +203 -17
  347. package/src/renderers/common/Renderer.js +257 -72
  348. package/src/renderers/common/Sampler.js +4 -4
  349. package/src/renderers/common/StorageBuffer.js +13 -1
  350. package/src/renderers/common/Textures.js +17 -1
  351. package/src/renderers/common/TimestampQueryPool.js +5 -3
  352. package/src/renderers/common/Uniform.js +8 -0
  353. package/src/renderers/common/UniformsGroup.js +61 -0
  354. package/src/renderers/common/XRManager.js +3 -2
  355. package/src/renderers/common/extras/PMREMGenerator.js +2 -8
  356. package/src/renderers/common/nodes/NodeBuilderState.js +1 -1
  357. package/src/renderers/common/nodes/{Nodes.js → NodeManager.js} +18 -6
  358. package/src/renderers/common/nodes/NodeStorageBuffer.js +13 -2
  359. package/src/renderers/common/nodes/NodeUniformBuffer.js +52 -0
  360. package/src/renderers/shaders/DFGLUTData.js +19 -34
  361. package/src/renderers/shaders/ShaderChunk/batching_pars_vertex.glsl.js +2 -2
  362. package/src/renderers/shaders/ShaderChunk/color_fragment.glsl.js +1 -5
  363. package/src/renderers/shaders/ShaderChunk/color_pars_fragment.glsl.js +1 -5
  364. package/src/renderers/shaders/ShaderChunk/color_pars_vertex.glsl.js +1 -5
  365. package/src/renderers/shaders/ShaderChunk/color_vertex.glsl.js +8 -10
  366. package/src/renderers/shaders/ShaderChunk/envmap_fragment.glsl.js +7 -11
  367. package/src/renderers/shaders/ShaderChunk/lights_fragment_begin.glsl.js +5 -2
  368. package/src/renderers/shaders/ShaderChunk/lights_fragment_end.glsl.js +6 -0
  369. package/src/renderers/shaders/ShaderChunk/lights_fragment_maps.glsl.js +6 -2
  370. package/src/renderers/shaders/ShaderChunk/lights_physical_fragment.glsl.js +8 -4
  371. package/src/renderers/shaders/ShaderChunk/lights_physical_pars_fragment.glsl.js +112 -51
  372. package/src/renderers/shaders/ShaderChunk/packing.glsl.js +20 -4
  373. package/src/renderers/shaders/ShaderChunk/shadowmap_pars_fragment.glsl.js +225 -186
  374. package/src/renderers/shaders/ShaderChunk/shadowmask_pars_fragment.glsl.js +1 -1
  375. package/src/renderers/shaders/ShaderChunk/transmission_fragment.glsl.js +1 -1
  376. package/src/renderers/shaders/ShaderChunk.js +3 -3
  377. package/src/renderers/shaders/ShaderLib/depth.glsl.js +3 -0
  378. package/src/renderers/shaders/ShaderLib/{distanceRGBA.glsl.js → distance.glsl.js} +1 -2
  379. package/src/renderers/shaders/ShaderLib/meshlambert.glsl.js +2 -1
  380. package/src/renderers/shaders/ShaderLib/meshnormal.glsl.js +1 -2
  381. package/src/renderers/shaders/ShaderLib/meshphong.glsl.js +2 -1
  382. package/src/renderers/shaders/ShaderLib/meshphysical.glsl.js +4 -9
  383. package/src/renderers/shaders/ShaderLib/meshtoon.glsl.js +0 -1
  384. package/src/renderers/shaders/ShaderLib/shadow.glsl.js +1 -1
  385. package/src/renderers/shaders/ShaderLib/vsm.glsl.js +4 -6
  386. package/src/renderers/shaders/ShaderLib.js +7 -5
  387. package/src/renderers/shaders/UniformsLib.js +0 -3
  388. package/src/renderers/webgl/WebGLBackground.js +2 -2
  389. package/src/renderers/webgl/WebGLBindingStates.js +99 -27
  390. package/src/renderers/webgl/WebGLCapabilities.js +3 -4
  391. package/src/renderers/webgl/WebGLEnvironments.js +228 -0
  392. package/src/renderers/webgl/WebGLGeometries.js +10 -7
  393. package/src/renderers/webgl/WebGLLights.js +18 -1
  394. package/src/renderers/webgl/WebGLMaterials.js +12 -0
  395. package/src/renderers/webgl/WebGLObjects.js +3 -1
  396. package/src/renderers/webgl/WebGLOutput.js +267 -0
  397. package/src/renderers/webgl/WebGLProgram.js +45 -109
  398. package/src/renderers/webgl/WebGLPrograms.js +45 -49
  399. package/src/renderers/webgl/WebGLRenderLists.js +15 -0
  400. package/src/renderers/webgl/WebGLShadowMap.js +188 -24
  401. package/src/renderers/webgl/WebGLState.js +32 -37
  402. package/src/renderers/webgl/WebGLTextures.js +89 -28
  403. package/src/renderers/webgl/WebGLUniforms.js +40 -3
  404. package/src/renderers/webgl/WebGLUtils.js +6 -2
  405. package/src/renderers/webgl-fallback/WebGLBackend.js +148 -18
  406. package/src/renderers/webgl-fallback/nodes/GLSLNodeBuilder.js +156 -35
  407. package/src/renderers/webgl-fallback/utils/WebGLState.js +181 -5
  408. package/src/renderers/webgl-fallback/utils/WebGLTextureUtils.js +5 -3
  409. package/src/renderers/webgl-fallback/utils/WebGLTimestampQueryPool.js +9 -9
  410. package/src/renderers/webgl-fallback/utils/WebGLUtils.js +6 -2
  411. package/src/renderers/webgpu/WebGPUBackend.js +119 -13
  412. package/src/renderers/webgpu/WebGPURenderer.js +2 -1
  413. package/src/renderers/webgpu/nodes/WGSLNodeBuilder.js +322 -68
  414. package/src/renderers/webgpu/utils/WebGPUAttributeUtils.js +4 -17
  415. package/src/renderers/webgpu/utils/WebGPUBindingUtils.js +357 -200
  416. package/src/renderers/webgpu/utils/WebGPUConstants.js +2 -0
  417. package/src/renderers/webgpu/utils/WebGPUPipelineUtils.js +61 -23
  418. package/src/renderers/webgpu/utils/WebGPUTexturePassUtils.js +152 -200
  419. package/src/renderers/webgpu/utils/WebGPUTextureUtils.js +65 -42
  420. package/src/renderers/webgpu/utils/WebGPUTimestampQueryPool.js +7 -7
  421. package/src/renderers/webgpu/utils/WebGPUUtils.js +17 -11
  422. package/src/renderers/webxr/WebXRManager.js +2 -2
  423. package/src/textures/CubeDepthTexture.js +76 -0
  424. package/src/textures/Source.js +1 -1
  425. package/src/textures/Texture.js +3 -3
  426. package/src/utils.js +258 -3
  427. package/examples/jsm/materials/MeshGouraudMaterial.js +0 -434
  428. package/examples/jsm/materials/MeshPostProcessingMaterial.js +0 -167
  429. package/examples/jsm/shaders/GodRaysShader.js +0 -333
  430. package/src/nodes/accessors/SceneNode.js +0 -145
  431. package/src/nodes/code/ScriptableNode.js +0 -726
  432. package/src/nodes/code/ScriptableValueNode.js +0 -253
  433. package/src/nodes/display/PosterizeNode.js +0 -65
  434. package/src/nodes/functions/BSDF/DFGApprox.js +0 -71
  435. package/src/nodes/utils/SpriteSheetUVNode.js +0 -90
  436. package/src/renderers/webgl/WebGLCubeMaps.js +0 -99
  437. package/src/renderers/webgl/WebGLCubeUVMaps.js +0 -134
@@ -7,6 +7,8 @@ import { uniform } from '../core/UniformNode.js';
7
7
  import { normalMap } from '../display/NormalMapNode.js';
8
8
  import { bumpMap } from '../display/BumpMapNode.js';
9
9
  import { Vector2 } from '../../math/Vector2.js';
10
+ import { RGFormat, RED_GREEN_RGTC2_Format, RG11_EAC_Format, NormalRGPacking } from '../../constants.js';
11
+
10
12
 
11
13
  const _propertyCache = new Map();
12
14
 
@@ -235,6 +237,12 @@ class MaterialNode extends Node {
235
237
  node = normalMap( this.getTexture( 'normal' ), this.getCache( 'normalScale', 'vec2' ) );
236
238
  node.normalMapType = material.normalMapType;
237
239
 
240
+ if ( material.normalMap.format == RGFormat || material.normalMap.format == RED_GREEN_RGTC2_Format || material.normalMap.format == RG11_EAC_Format ) {
241
+
242
+ node.unpackNormalMode = NormalRGPacking;
243
+
244
+ }
245
+
238
246
  } else if ( material.bumpMap ) {
239
247
 
240
248
  node = bumpMap( this.getTexture( 'bump' ).r, this.getFloat( 'bumpScale' ) );
@@ -313,7 +321,7 @@ class MaterialNode extends Node {
313
321
 
314
322
  }
315
323
 
316
- node = node.clamp( 0.07, 1.0 );
324
+ node = node.clamp( 0.0001, 1.0 );
317
325
 
318
326
  } else if ( scope === MaterialNode.ANISOTROPY ) {
319
327
 
@@ -1,5 +1,4 @@
1
1
  import ReferenceNode from './ReferenceNode.js';
2
- import { nodeObject } from '../tsl/TSLBase.js';
3
2
 
4
3
  /**
5
4
  * This node is a special type of reference node which is intended
@@ -82,4 +81,4 @@ export default MaterialReferenceNode;
82
81
  * When no material is set, the node refers to the material of the current rendered object.
83
82
  * @returns {MaterialReferenceNode}
84
83
  */
85
- export const materialReference = ( name, type, material = null ) => nodeObject( new MaterialReferenceNode( name, type, material ) );
84
+ export const materialReference = ( name, type, material = null ) => new MaterialReferenceNode( name, type, material );
@@ -123,7 +123,7 @@ export const modelWorldMatrixInverse = /*@__PURE__*/ uniform( new Matrix4() ).on
123
123
  */
124
124
  export const modelViewMatrix = /*@__PURE__*/ ( Fn( ( builder ) => {
125
125
 
126
- return builder.renderer.overrideNodes.modelViewMatrix || mediumpModelViewMatrix;
126
+ return builder.context.modelViewMatrix || mediumpModelViewMatrix;
127
127
 
128
128
  } ).once() )().toVar( 'modelViewMatrix' );
129
129
 
@@ -52,7 +52,7 @@ export const normalViewGeometry = /*@__PURE__*/ ( Fn( ( builder ) => {
52
52
 
53
53
  let node;
54
54
 
55
- if ( builder.material.flatShading === true ) {
55
+ if ( builder.isFlatShading() ) {
56
56
 
57
57
  node = normalFlat;
58
58
 
@@ -76,7 +76,7 @@ export const normalWorldGeometry = /*@__PURE__*/ ( Fn( ( builder ) => {
76
76
 
77
77
  let normal = normalViewGeometry.transformDirection( cameraViewMatrix );
78
78
 
79
- if ( builder.material.flatShading !== true ) {
79
+ if ( builder.isFlatShading() !== true ) {
80
80
 
81
81
  normal = normal.toVarying( 'v_normalWorldGeometry' );
82
82
 
@@ -92,15 +92,15 @@ export const normalWorldGeometry = /*@__PURE__*/ ( Fn( ( builder ) => {
92
92
  * @tsl
93
93
  * @type {Node<vec3>}
94
94
  */
95
- export const normalView = /*@__PURE__*/ ( Fn( ( { subBuildFn, material, context } ) => {
95
+ export const normalView = /*@__PURE__*/ ( Fn( ( builder ) => {
96
96
 
97
97
  let node;
98
98
 
99
- if ( subBuildFn === 'NORMAL' || subBuildFn === 'VERTEX' ) {
99
+ if ( builder.subBuildFn === 'NORMAL' || builder.subBuildFn === 'VERTEX' ) {
100
100
 
101
101
  node = normalViewGeometry;
102
102
 
103
- if ( material.flatShading !== true ) {
103
+ if ( builder.isFlatShading() !== true ) {
104
104
 
105
105
  node = directionToFaceDirection( node );
106
106
 
@@ -108,9 +108,9 @@ export const normalView = /*@__PURE__*/ ( Fn( ( { subBuildFn, material, context
108
108
 
109
109
  } else {
110
110
 
111
- // Use getUV context to avoid side effects from nodes overwriting getUV in the context (e.g. EnvironmentNode)
111
+ // Use custom context to avoid side effects from nodes overwriting getUV, getTextureLevel in the context (e.g. EnvironmentNode)
112
112
 
113
- node = context.setupNormal().context( { getUV: null } );
113
+ node = builder.context.setupNormal().context( { getUV: null, getTextureLevel: null } );
114
114
 
115
115
  }
116
116
 
@@ -142,9 +142,9 @@ export const clearcoatNormalView = /*@__PURE__*/ ( Fn( ( { subBuildFn, context }
142
142
 
143
143
  } else {
144
144
 
145
- // Use getUV context to avoid side effects from nodes overwriting getUV in the context (e.g. EnvironmentNode)
145
+ // Use custom context to avoid side effects from nodes overwriting getUV, getTextureLevel in the context (e.g. EnvironmentNode)
146
146
 
147
- node = context.setupClearcoatNormal().context( { getUV: null } );
147
+ node = context.setupClearcoatNormal().context( { getUV: null, getTextureLevel: null } );
148
148
 
149
149
  }
150
150
 
@@ -182,9 +182,9 @@ export const transformNormal = /*@__PURE__*/ Fn( ( [ normal, matrix = modelWorld
182
182
  */
183
183
  export const transformNormalToView = /*@__PURE__*/ Fn( ( [ normal ], builder ) => {
184
184
 
185
- const modelNormalViewMatrix = builder.renderer.overrideNodes.modelNormalViewMatrix;
185
+ const modelNormalViewMatrix = builder.context.modelNormalViewMatrix;
186
186
 
187
- if ( modelNormalViewMatrix !== null ) {
187
+ if ( modelNormalViewMatrix ) {
188
188
 
189
189
  return modelNormalViewMatrix.transformDirection( normal );
190
190
 
@@ -1,6 +1,28 @@
1
1
  import { attribute } from '../core/AttributeNode.js';
2
- import { Fn, vec3 } from '../tsl/TSLCore.js';
2
+ import { Fn, vec3, vec4 } from '../tsl/TSLCore.js';
3
3
  import { modelWorldMatrix } from './ModelNode.js';
4
+ import { cameraProjectionMatrixInverse } from './Camera.js';
5
+ import { warnOnce } from '../../utils.js';
6
+
7
+ /**
8
+ * TSL object that represents the clip space position of the current rendered object.
9
+ *
10
+ * @tsl
11
+ * @type {VaryingNode<vec4>}
12
+ */
13
+ export const clipSpace = /*@__PURE__*/ ( Fn( ( builder ) => {
14
+
15
+ if ( builder.shaderStage !== 'fragment' ) {
16
+
17
+ warnOnce( 'TSL: `clipSpace` is only available in fragment stage.' );
18
+
19
+ return vec4();
20
+
21
+ }
22
+
23
+ return builder.context.clipSpace.toVarying( 'v_clipSpace' );
24
+
25
+ } ).once() )();
4
26
 
5
27
  /**
6
28
  * TSL object that represents the position attribute of the current rendered object.
@@ -61,9 +83,19 @@ export const positionWorldDirection = /*@__PURE__*/ ( Fn( () => {
61
83
  */
62
84
  export const positionView = /*@__PURE__*/ ( Fn( ( builder ) => {
63
85
 
86
+ if ( builder.shaderStage === 'fragment' && builder.material.vertexNode ) {
87
+
88
+ // reconstruct view position from clip space
89
+
90
+ const viewPos = cameraProjectionMatrixInverse.mul( clipSpace );
91
+
92
+ return viewPos.xyz.div( viewPos.w ).toVar( 'positionView' );
93
+
94
+ }
95
+
64
96
  return builder.context.setupPositionView().toVarying( 'v_positionView' );
65
97
 
66
- }, 'vec3' ).once( [ 'POSITION' ] ) )();
98
+ }, 'vec3' ).once( [ 'POSITION', 'VERTEX' ] ) )();
67
99
 
68
100
  /**
69
101
  * TSL object that represents the position view direction of the current rendered object.
@@ -4,7 +4,7 @@ import { uniform } from '../core/UniformNode.js';
4
4
  import { nodeObject } from '../tsl/TSLCore.js';
5
5
  import ArrayElementNode from '../utils/ArrayElementNode.js';
6
6
 
7
- // TODO: Avoid duplicated code and ues only ReferenceBaseNode or ReferenceNode
7
+ // TODO: Avoid duplicated code and use only ReferenceBaseNode or ReferenceNode
8
8
 
9
9
  /**
10
10
  * This class is only relevant if the referenced property is array-like.
@@ -199,7 +199,7 @@ class ReferenceBaseNode extends Node {
199
199
  */
200
200
  element( indexNode ) {
201
201
 
202
- return nodeObject( new ReferenceElementNode( this, nodeObject( indexNode ) ) );
202
+ return new ReferenceElementNode( this, nodeObject( indexNode ) );
203
203
 
204
204
  }
205
205
 
@@ -340,7 +340,7 @@ export default ReferenceBaseNode;
340
340
  * @param {Object} object - The object the property belongs to.
341
341
  * @returns {ReferenceBaseNode}
342
342
  */
343
- export const reference = ( name, type, object ) => nodeObject( new ReferenceBaseNode( name, type, object ) );
343
+ export const reference = ( name, type, object ) => new ReferenceBaseNode( name, type, object );
344
344
 
345
345
  /**
346
346
  * TSL function for creating a reference base node. Use this function if you want need a reference
@@ -354,4 +354,4 @@ export const reference = ( name, type, object ) => nodeObject( new ReferenceBase
354
354
  * @param {Object} [object] - An array-like object the property belongs to.
355
355
  * @returns {ReferenceBaseNode}
356
356
  */
357
- export const referenceBuffer = ( name, type, count, object ) => nodeObject( new ReferenceBaseNode( name, type, object, count ) );
357
+ export const referenceBuffer = ( name, type, count, object ) => new ReferenceBaseNode( name, type, object, count );
@@ -9,7 +9,7 @@ import { uniformArray } from './UniformArrayNode.js';
9
9
  import ArrayElementNode from '../utils/ArrayElementNode.js';
10
10
  import { warn } from '../../utils.js';
11
11
 
12
- // TODO: Avoid duplicated code and ues only ReferenceBaseNode or ReferenceNode
12
+ // TODO: Avoid duplicated code and use only ReferenceBaseNode or ReferenceNode
13
13
 
14
14
  /**
15
15
  * This class is only relevant if the referenced property is array-like.
@@ -198,7 +198,7 @@ class ReferenceNode extends Node {
198
198
  */
199
199
  element( indexNode ) {
200
200
 
201
- return nodeObject( new ReferenceElementNode( this, nodeObject( indexNode ) ) );
201
+ return new ReferenceElementNode( this, nodeObject( indexNode ) );
202
202
 
203
203
  }
204
204
 
@@ -407,7 +407,7 @@ export default ReferenceNode;
407
407
  * @param {?Object} [object] - The object the property belongs to.
408
408
  * @returns {ReferenceNode}
409
409
  */
410
- export const reference = ( name, type, object ) => nodeObject( new ReferenceNode( name, type, object ) );
410
+ export const reference = ( name, type, object ) => new ReferenceNode( name, type, object );
411
411
 
412
412
  /**
413
413
  * TSL function for creating a reference node. Use this function if you want need a reference
@@ -421,4 +421,4 @@ export const reference = ( name, type, object ) => nodeObject( new ReferenceNode
421
421
  * @param {Object} object - An array-like object the property belongs to.
422
422
  * @returns {ReferenceNode}
423
423
  */
424
- export const referenceBuffer = ( name, type, count, object ) => nodeObject( new ReferenceNode( name, type, object, count ) );
424
+ export const referenceBuffer = ( name, type, count, object ) => new ReferenceNode( name, type, object, count );
@@ -1,5 +1,4 @@
1
1
  import ReferenceBaseNode from './ReferenceBaseNode.js';
2
- import { nodeObject } from '../tsl/TSLCore.js';
3
2
  import { renderGroup } from '../core/UniformGroupNode.js';
4
3
 
5
4
  /**
@@ -76,4 +75,4 @@ export default RendererReferenceNode;
76
75
  * the node refers to the renderer of the current state.
77
76
  * @returns {RendererReferenceNode}
78
77
  */
79
- export const rendererReference = ( name, type, renderer = null ) => nodeObject( new RendererReferenceNode( name, type, renderer ) );
78
+ export const rendererReference = ( name, type, renderer = null ) => new RendererReferenceNode( name, type, renderer );
@@ -0,0 +1,53 @@
1
+ import { UVMapping } from '../../constants.js';
2
+ import { Euler } from '../../math/Euler.js';
3
+ import { Matrix4 } from '../../math/Matrix4.js';
4
+ import { renderGroup } from '../core/UniformGroupNode.js';
5
+ import { uniform } from '../tsl/TSLBase.js';
6
+
7
+ const _e1 = /*@__PURE__*/ new Euler();
8
+ const _m1 = /*@__PURE__*/ new Matrix4();
9
+
10
+ /**
11
+ * TSL object that represents the scene's background blurriness.
12
+ *
13
+ * @tsl
14
+ * @type {Node<float>}
15
+ */
16
+ export const backgroundBlurriness = /*@__PURE__*/ uniform( 0 ).setGroup( renderGroup ).onRenderUpdate( ( { scene } ) => scene.backgroundBlurriness );
17
+
18
+ /**
19
+ * TSL object that represents the scene's background intensity.
20
+ *
21
+ * @tsl
22
+ * @type {Node<float>}
23
+ */
24
+ export const backgroundIntensity = /*@__PURE__*/ uniform( 1 ).setGroup( renderGroup ).onRenderUpdate( ( { scene } ) => scene.backgroundIntensity );
25
+
26
+ /**
27
+ * TSL object that represents the scene's background rotation.
28
+ *
29
+ * @tsl
30
+ * @type {Node<mat4>}
31
+ */
32
+ export const backgroundRotation = /*@__PURE__*/ uniform( new Matrix4() ).setGroup( renderGroup ).onRenderUpdate( ( { scene } ) => {
33
+
34
+ const background = scene.background;
35
+
36
+ if ( background !== null && background.isTexture && background.mapping !== UVMapping ) {
37
+
38
+ _e1.copy( scene.backgroundRotation );
39
+
40
+ // accommodate left-handed frame
41
+ _e1.x *= - 1; _e1.y *= - 1; _e1.z *= - 1;
42
+
43
+ _m1.makeRotationFromEuler( _e1 );
44
+
45
+ } else {
46
+
47
+ _m1.identity();
48
+
49
+ }
50
+
51
+ return _m1;
52
+
53
+ } );
@@ -9,7 +9,6 @@ import { positionLocal, positionPrevious } from './Position.js';
9
9
  import { tangentLocal } from './Tangent.js';
10
10
  import { uniform } from '../core/UniformNode.js';
11
11
  import { buffer } from './BufferNode.js';
12
- import { getDataFromObject } from '../core/NodeUtils.js';
13
12
  import { storage } from './StorageBufferNode.js';
14
13
  import { InstancedBufferAttribute } from '../../core/InstancedBufferAttribute.js';
15
14
  import { instanceIndex } from '../core/IndexNode.js';
@@ -147,13 +146,14 @@ class SkinningNode extends Node {
147
146
  }
148
147
 
149
148
  /**
150
- * Transforms the given vertex normal via skinning.
149
+ * Transforms the given vertex normal and tangent via skinning.
151
150
  *
152
151
  * @param {Node} [boneMatrices=this.boneMatricesNode] - The bone matrices
153
152
  * @param {Node<vec3>} [normal=normalLocal] - The vertex normal in local space.
154
- * @return {Node<vec3>} The transformed vertex normal.
153
+ * @param {Node<vec3>} [tangent=tangentLocal] - The vertex tangent in local space.
154
+ * @return {{skinNormal: Node<vec3>, skinTangent:Node<vec3>}} The transformed vertex normal and tangent.
155
155
  */
156
- getSkinnedNormal( boneMatrices = this.boneMatricesNode, normal = normalLocal ) {
156
+ getSkinnedNormalAndTangent( boneMatrices = this.boneMatricesNode, normal = normalLocal, tangent = tangentLocal ) {
157
157
 
158
158
  const { skinIndexNode, skinWeightNode, bindMatrixNode, bindMatrixInverseNode } = this;
159
159
 
@@ -162,7 +162,7 @@ class SkinningNode extends Node {
162
162
  const boneMatZ = boneMatrices.element( skinIndexNode.z );
163
163
  const boneMatW = boneMatrices.element( skinIndexNode.w );
164
164
 
165
- // NORMAL
165
+ // NORMAL and TANGENT
166
166
 
167
167
  let skinMatrix = add(
168
168
  skinWeightNode.x.mul( boneMatX ),
@@ -173,7 +173,10 @@ class SkinningNode extends Node {
173
173
 
174
174
  skinMatrix = bindMatrixInverseNode.mul( skinMatrix ).mul( bindMatrixNode );
175
175
 
176
- return skinMatrix.transformDirection( normal ).xyz;
176
+ const skinNormal = skinMatrix.transformDirection( normal ).xyz;
177
+ const skinTangent = skinMatrix.transformDirection( tangent ).xyz;
178
+
179
+ return { skinNormal, skinTangent };
177
180
 
178
181
  }
179
182
 
@@ -199,21 +202,6 @@ class SkinningNode extends Node {
199
202
 
200
203
  }
201
204
 
202
- /**
203
- * Returns `true` if bone matrices from the previous frame are required. Relevant
204
- * when computing motion vectors with {@link VelocityNode}.
205
- *
206
- * @param {NodeBuilder} builder - The current node builder.
207
- * @return {boolean} Whether bone matrices from the previous frame are required or not.
208
- */
209
- needsPreviousBoneMatrices( builder ) {
210
-
211
- const mrt = builder.renderer.getMRT();
212
-
213
- return ( mrt && mrt.has( 'velocity' ) ) || getDataFromObject( builder.object ).useVelocity === true;
214
-
215
- }
216
-
217
205
  /**
218
206
  * Setups the skinning node by assigning the transformed vertex data to predefined node variables.
219
207
  *
@@ -222,7 +210,7 @@ class SkinningNode extends Node {
222
210
  */
223
211
  setup( builder ) {
224
212
 
225
- if ( this.needsPreviousBoneMatrices( builder ) ) {
213
+ if ( builder.needsPreviousData() ) {
226
214
 
227
215
  positionPrevious.assign( this.getPreviousSkinnedPosition( builder ) );
228
216
 
@@ -236,13 +224,13 @@ class SkinningNode extends Node {
236
224
 
237
225
  if ( builder.hasGeometryAttribute( 'normal' ) ) {
238
226
 
239
- const skinNormal = this.getSkinnedNormal();
227
+ const { skinNormal, skinTangent } = this.getSkinnedNormalAndTangent();
240
228
 
241
229
  normalLocal.assign( skinNormal );
242
230
 
243
231
  if ( builder.hasGeometryAttribute( 'tangent' ) ) {
244
232
 
245
- tangentLocal.assign( skinNormal );
233
+ tangentLocal.assign( skinTangent );
246
234
 
247
235
  }
248
236
 
@@ -282,7 +270,20 @@ class SkinningNode extends Node {
282
270
 
283
271
  _frameId.set( skeleton, frame.frameId );
284
272
 
285
- if ( this.previousBoneMatricesNode !== null ) skeleton.previousBoneMatrices.set( skeleton.boneMatrices );
273
+ if ( this.previousBoneMatricesNode !== null ) {
274
+
275
+ if ( skeleton.previousBoneMatrices === null ) {
276
+
277
+ // cloned skeletons miss "previousBoneMatrices" in their first updated
278
+
279
+ skeleton.previousBoneMatrices = new Float32Array( skeleton.boneMatrices );
280
+
281
+ }
282
+
283
+ skeleton.previousBoneMatrices.set( skeleton.boneMatrices );
284
+
285
+
286
+ }
286
287
 
287
288
  skeleton.update();
288
289
 
@@ -300,7 +301,7 @@ export default SkinningNode;
300
301
  * @param {SkinnedMesh} skinnedMesh - The skinned mesh.
301
302
  * @returns {SkinningNode}
302
303
  */
303
- export const skinning = ( skinnedMesh ) => nodeObject( new SkinningNode( skinnedMesh ) );
304
+ export const skinning = ( skinnedMesh ) => new SkinningNode( skinnedMesh );
304
305
 
305
306
  /**
306
307
  * TSL function for computing skinning.
@@ -1,10 +1,9 @@
1
1
  import BufferNode from './BufferNode.js';
2
2
  import { bufferAttribute } from './BufferAttributeNode.js';
3
- import { nodeObject, varying } from '../tsl/TSLBase.js';
3
+ import { varying } from '../tsl/TSLBase.js';
4
4
  import { storageElement } from '../utils/StorageArrayElementNode.js';
5
5
  import { NodeAccess } from '../core/constants.js';
6
6
  import { getTypeFromLength } from '../core/NodeUtils.js';
7
- import { warn } from '../../utils.js';
8
7
 
9
8
  /**
10
9
  * This node is used in context of compute shaders and allows to define a
@@ -126,6 +125,7 @@ class StorageBufferNode extends BufferNode {
126
125
  /**
127
126
  * A reference to the internal buffer attribute node.
128
127
  *
128
+ * @private
129
129
  * @type {?BufferAttributeNode}
130
130
  * @default null
131
131
  */
@@ -134,6 +134,7 @@ class StorageBufferNode extends BufferNode {
134
134
  /**
135
135
  * A reference to the internal varying node.
136
136
  *
137
+ * @private
137
138
  * @type {?VaryingNode}
138
139
  * @default null
139
140
  */
@@ -395,22 +396,4 @@ export default StorageBufferNode;
395
396
  * @param {number} [count=0] - The buffer count.
396
397
  * @returns {StorageBufferNode}
397
398
  */
398
- export const storage = ( value, type = null, count = 0 ) => nodeObject( new StorageBufferNode( value, type, count ) );
399
-
400
- /**
401
- * @tsl
402
- * @function
403
- * @deprecated since r171. Use `storage().setPBO( true )` instead.
404
- *
405
- * @param {StorageBufferAttribute|StorageInstancedBufferAttribute|BufferAttribute} value - The buffer data.
406
- * @param {?string} type - The buffer type (e.g. `'vec3'`).
407
- * @param {number} count - The buffer count.
408
- * @returns {StorageBufferNode}
409
- */
410
- export const storageObject = ( value, type, count ) => { // @deprecated, r171
411
-
412
- warn( 'TSL: "storageObject()" is deprecated. Use "storage().setPBO( true )" instead.' );
413
-
414
- return storage( value, type, count ).setPBO( true );
415
-
416
- };
399
+ export const storage = ( value, type = null, count = 0 ) => new StorageBufferNode( value, type, count );
@@ -162,6 +162,28 @@ class StorageTextureNode extends TextureNode {
162
162
 
163
163
  }
164
164
 
165
+ /**
166
+ * Generates the snippet for the storage texture.
167
+ *
168
+ * @param {NodeBuilder} builder - The current node builder.
169
+ * @param {string} textureProperty - The texture property.
170
+ * @param {string} uvSnippet - The uv snippet.
171
+ * @param {?string} levelSnippet - The level snippet.
172
+ * @param {?string} biasSnippet - The bias snippet.
173
+ * @param {?string} depthSnippet - The depth snippet.
174
+ * @param {?string} compareSnippet - The compare snippet.
175
+ * @param {?Array<string>} gradSnippet - The grad snippet.
176
+ * @param {?string} offsetSnippet - The offset snippet.
177
+ * @return {string} The generated code snippet.
178
+ */
179
+ generateSnippet( builder, textureProperty, uvSnippet, levelSnippet, biasSnippet, depthSnippet, compareSnippet, gradSnippet, offsetSnippet ) {
180
+
181
+ const texture = this.value;
182
+
183
+ return builder.generateStorageTextureLoad( texture, textureProperty, uvSnippet, levelSnippet, depthSnippet, offsetSnippet );
184
+
185
+ }
186
+
165
187
  /**
166
188
  * Convenience method for configuring a read/write node access.
167
189
  *
@@ -222,6 +244,7 @@ class StorageTextureNode extends TextureNode {
222
244
  const newNode = super.clone();
223
245
  newNode.storeNode = this.storeNode;
224
246
  newNode.mipLevel = this.mipLevel;
247
+ newNode.access = this.access;
225
248
  return newNode;
226
249
 
227
250
  }
@@ -255,7 +278,20 @@ export const storageTexture = /*@__PURE__*/ nodeProxy( StorageTextureNode ).setP
255
278
  */
256
279
  export const textureStore = ( value, uvNode, storeNode ) => {
257
280
 
258
- const node = storageTexture( value, uvNode, storeNode );
281
+ let node;
282
+
283
+ if ( value.isStorageTextureNode === true ) {
284
+
285
+ // Derive new storage texture node from existing one
286
+ node = value.clone();
287
+ node.uvNode = uvNode;
288
+ node.storeNode = storeNode;
289
+
290
+ } else {
291
+
292
+ node = storageTexture( value, uvNode, storeNode );
293
+
294
+ }
259
295
 
260
296
  if ( storeNode !== null ) node.toStack();
261
297
 
@@ -11,17 +11,7 @@ import { directionToFaceDirection } from '../display/FrontFacingNode.js';
11
11
  * @tsl
12
12
  * @type {Node<vec4>}
13
13
  */
14
- export const tangentGeometry = /*@__PURE__*/ Fn( ( builder ) => {
15
-
16
- if ( builder.geometry.hasAttribute( 'tangent' ) === false ) {
17
-
18
- builder.geometry.computeTangents();
19
-
20
- }
21
-
22
- return attribute( 'tangent', 'vec4' );
23
-
24
- } )();
14
+ export const tangentGeometry = /*@__PURE__*/ attribute( 'tangent', 'vec4' );
25
15
 
26
16
  /**
27
17
  * TSL object that represents the vertex tangent in local space of the current rendered object.
@@ -37,11 +27,11 @@ export const tangentLocal = /*@__PURE__*/ tangentGeometry.xyz.toVar( 'tangentLoc
37
27
  * @tsl
38
28
  * @type {Node<vec3>}
39
29
  */
40
- export const tangentView = /*@__PURE__*/ ( Fn( ( { subBuildFn, geometry, material } ) => {
30
+ export const tangentView = /*@__PURE__*/ ( Fn( ( builder ) => {
41
31
 
42
32
  let node;
43
33
 
44
- if ( subBuildFn === 'VERTEX' || geometry.hasAttribute( 'tangent' ) ) {
34
+ if ( builder.subBuildFn === 'VERTEX' || builder.geometry.hasAttribute( 'tangent' ) ) {
45
35
 
46
36
  node = modelViewMatrix.mul( vec4( tangentLocal, 0 ) ).xyz.toVarying( 'v_tangentView' ).normalize();
47
37
 
@@ -51,7 +41,7 @@ export const tangentView = /*@__PURE__*/ ( Fn( ( { subBuildFn, geometry, materia
51
41
 
52
42
  }
53
43
 
54
- if ( material.flatShading !== true ) {
44
+ if ( builder.isFlatShading() !== true ) {
55
45
 
56
46
  node = directionToFaceDirection( node );
57
47
 
@@ -1,6 +1,5 @@
1
1
  import TextureNode from './TextureNode.js';
2
- import { nodeProxy, vec3, Fn, If, int } from '../tsl/TSLBase.js';
3
- import { textureSize } from './TextureSizeNode.js';
2
+ import { nodeProxy, vec3, Fn, If } from '../tsl/TSLBase.js';
4
3
 
5
4
  const normal = Fn( ( { texture, uv } ) => {
6
5
 
@@ -115,35 +114,6 @@ class Texture3DNode extends TextureNode {
115
114
  */
116
115
  setUpdateMatrix( /*value*/ ) { } // Ignore .updateMatrix for 3d TextureNode
117
116
 
118
- /**
119
- * Overwrites the default implementation to return the unmodified uv node.
120
- *
121
- * @param {NodeBuilder} builder - The current node builder.
122
- * @param {Node} uvNode - The uv node to setup.
123
- * @return {Node} The unmodified uv node.
124
- */
125
- setupUV( builder, uvNode ) {
126
-
127
- const texture = this.value;
128
-
129
- if ( builder.isFlipY() && ( texture.isRenderTargetTexture === true || texture.isFramebufferTexture === true ) ) {
130
-
131
- if ( this.sampler ) {
132
-
133
- uvNode = uvNode.flipY();
134
-
135
- } else {
136
-
137
- uvNode = uvNode.setY( int( textureSize( this, this.levelNode ).y ).sub( uvNode.y ).sub( 1 ) );
138
-
139
- }
140
-
141
- }
142
-
143
- return uvNode;
144
-
145
- }
146
-
147
117
  /**
148
118
  * Generates the uv code snippet.
149
119
  *
@@ -171,10 +141,12 @@ class Texture3DNode extends TextureNode {
171
141
  }
172
142
 
173
143
  /**
174
- * TODO.
144
+ * Computes the normal for the given uv. These texture coordiantes represent a
145
+ * position inside the 3D texture. Unlike geometric normals, this normal
146
+ * represents a slope or gradient of scalar data inside the 3D texture.
175
147
  *
176
- * @param {Node<vec3>} uvNode - The uv node .
177
- * @return {Node<vec3>} TODO.
148
+ * @param {Node<vec3>} uvNode - The uv node that defines a position in the 3D texture.
149
+ * @return {Node<vec3>} The normal representing the slope/gradient in the data.
178
150
  */
179
151
  normal( uvNode ) {
180
152
 
@@ -192,8 +164,33 @@ export default Texture3DNode;
192
164
  * @tsl
193
165
  * @function
194
166
  * @param {Data3DTexture} value - The 3D texture.
195
- * @param {?Node<vec2|vec3>} [uvNode=null] - The uv node.
167
+ * @param {?Node<vec3>} [uvNode=null] - The uv node.
196
168
  * @param {?Node<int>} [levelNode=null] - The level node.
197
169
  * @returns {Texture3DNode}
198
170
  */
199
171
  export const texture3D = /*@__PURE__*/ nodeProxy( Texture3DNode ).setParameterLength( 1, 3 );
172
+
173
+ /**
174
+ * TSL function for creating a texture node that fetches/loads texels without interpolation.
175
+ *
176
+ * @tsl
177
+ * @function
178
+ * @param {?(Texture|TextureNode)} [value=EmptyTexture] - The texture.
179
+ * @param {?Node<vec3>} [uvNode=null] - The uv node.
180
+ * @param {?Node<int>} [levelNode=null] - The level node.
181
+ * @param {?Node<float>} [biasNode=null] - The bias node.
182
+ * @returns {TextureNode}
183
+ */
184
+ export const texture3DLoad = ( ...params ) => texture3D( ...params ).setSampler( false );
185
+
186
+ /**
187
+ * TSL function for creating a texture node that fetches/loads texels without interpolation.
188
+ *
189
+ * @tsl
190
+ * @function
191
+ * @param {?(Texture|TextureNode)} [value=EmptyTexture] - The texture.
192
+ * @param {?Node<vec3>} [uvNode=null] - The uv node.
193
+ * @param {?Node<int>} [levelNode=null] - The level node.
194
+ * @returns {TextureNode}
195
+ */
196
+ export const texture3DLevel = ( value, uvNode, levelNode ) => texture3D( value, uvNode ).level( levelNode );