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.
- package/build/three.cjs +532 -173
- package/build/three.module.js +532 -174
- package/build/three.module.min.js +1 -1
- package/build/three.webgpu.js +18173 -14266
- package/build/three.webgpu.min.js +1 -1
- package/build/three.webgpu.nodes.js +79941 -0
- package/build/three.webgpu.nodes.min.js +6 -0
- package/examples/jsm/Addons.js +0 -4
- package/examples/jsm/animation/AnimationClipCreator.js +1 -1
- package/examples/jsm/capabilities/WebGL.js +27 -21
- package/examples/jsm/controls/ArcballControls.js +174 -158
- package/examples/jsm/controls/DragControls.js +260 -132
- package/examples/jsm/controls/FirstPersonControls.js +175 -163
- package/examples/jsm/controls/FlyControls.js +194 -188
- package/examples/jsm/controls/OrbitControls.js +777 -786
- package/examples/jsm/controls/PointerLockControls.js +24 -15
- package/examples/jsm/controls/TrackballControls.js +469 -448
- package/examples/jsm/controls/TransformControls.js +97 -62
- package/examples/jsm/effects/AnaglyphEffect.js +6 -13
- package/examples/jsm/effects/ParallaxBarrierEffect.js +17 -11
- package/examples/jsm/effects/StereoEffect.js +6 -1
- package/examples/jsm/environments/RoomEnvironment.js +1 -1
- package/examples/jsm/exporters/DRACOExporter.js +4 -2
- package/examples/jsm/exporters/EXRExporter.js +19 -11
- package/examples/jsm/exporters/GLTFExporter.js +6 -1
- package/examples/jsm/exporters/KTX2Exporter.js +21 -13
- package/examples/jsm/exporters/OBJExporter.js +5 -1
- package/examples/jsm/exporters/PLYExporter.js +9 -7
- package/examples/jsm/exporters/USDZExporter.js +29 -8
- package/examples/jsm/geometries/DecalGeometry.js +4 -1
- package/examples/jsm/geometries/InstancedPointsGeometry.js +1 -1
- package/examples/jsm/helpers/LightProbeHelper.js +43 -44
- package/examples/jsm/helpers/LightProbeHelperGPU.js +65 -0
- package/examples/jsm/libs/basis/basis_transcoder.js +8 -10
- package/examples/jsm/libs/basis/basis_transcoder.wasm +0 -0
- package/examples/jsm/libs/ktx-parse.module.js +1 -1
- package/examples/jsm/lights/LightProbeGenerator.js +24 -10
- package/examples/jsm/loaders/ColladaLoader.js +9 -6
- package/examples/jsm/loaders/DRACOLoader.js +3 -1
- package/examples/jsm/loaders/FBXLoader.js +30 -20
- package/examples/jsm/loaders/GLTFLoader.js +5 -10
- package/examples/jsm/loaders/KTX2Loader.js +27 -12
- package/examples/jsm/loaders/MTLLoader.js +4 -3
- package/examples/jsm/loaders/MaterialXLoader.js +40 -14
- package/examples/jsm/loaders/OBJLoader.js +5 -3
- package/examples/jsm/loaders/PCDLoader.js +14 -13
- package/examples/jsm/loaders/PDBLoader.js +3 -2
- package/examples/jsm/loaders/PLYLoader.js +8 -5
- package/examples/jsm/loaders/STLLoader.js +3 -2
- package/examples/jsm/loaders/VRMLLoader.js +10 -10
- package/examples/jsm/loaders/VTKLoader.js +4 -3
- package/examples/jsm/loaders/XYZLoader.js +3 -2
- package/examples/jsm/misc/Timer.js +1 -1
- package/examples/jsm/modifiers/CurveModifierGPU.js +233 -0
- package/examples/jsm/objects/LensflareMesh.js +322 -0
- package/examples/jsm/objects/SkyMesh.js +187 -0
- package/examples/jsm/objects/Water2Mesh.js +158 -0
- package/examples/jsm/objects/WaterMesh.js +101 -0
- package/examples/jsm/physics/JoltPhysics.js +1 -1
- package/examples/jsm/physics/RapierPhysics.js +21 -1
- package/examples/jsm/postprocessing/OutlinePass.js +31 -46
- package/examples/jsm/postprocessing/SSAARenderPass.js +3 -1
- package/examples/jsm/shaders/BleachBypassShader.js +1 -2
- package/examples/jsm/shaders/OutputShader.js +1 -1
- package/examples/jsm/transpiler/GLSLDecoder.js +1 -1
- package/examples/jsm/transpiler/ShaderToyDecoder.js +2 -2
- package/examples/jsm/transpiler/TSLEncoder.js +8 -8
- package/examples/jsm/utils/GeometryCompressionUtils.js +37 -122
- package/examples/jsm/utils/ShadowMapViewer.js +3 -8
- package/examples/jsm/utils/ShadowMapViewerGPU.js +201 -0
- package/examples/jsm/utils/SkeletonUtils.js +84 -66
- package/examples/jsm/utils/TextureUtils.js +2 -1
- package/examples/jsm/utils/TextureUtilsGPU.js +63 -0
- package/examples/jsm/webxr/XRControllerModelFactory.js +1 -1
- package/package.json +3 -2
- package/src/Three.WebGPU.Nodes.js +200 -0
- package/src/Three.WebGPU.js +7 -0
- package/src/Three.js +1 -0
- package/src/audio/Audio.js +2 -2
- package/src/constants.js +1 -1
- package/src/core/BufferAttribute.js +0 -9
- package/src/core/Clock.js +1 -1
- package/src/core/InterleavedBuffer.js +0 -9
- package/src/extras/Controls.js +32 -0
- package/src/geometries/CylinderGeometry.js +11 -4
- package/src/loaders/MaterialLoader.js +7 -1
- package/src/loaders/ObjectLoader.js +3 -3
- package/src/{nodes/loaders → loaders/nodes}/NodeLoader.js +25 -5
- package/src/{nodes/loaders → loaders/nodes}/NodeMaterialLoader.js +21 -18
- package/src/{nodes/loaders → loaders/nodes}/NodeObjectLoader.js +19 -0
- package/src/materials/Material.js +4 -7
- package/src/materials/nodes/InstancedPointsNodeMaterial.js +156 -0
- package/src/{nodes/materials → materials/nodes}/Line2NodeMaterial.js +56 -59
- package/src/{nodes/materials → materials/nodes}/LineBasicNodeMaterial.js +8 -5
- package/src/{nodes/materials → materials/nodes}/LineDashedNodeMaterial.js +12 -10
- package/src/{nodes/materials → materials/nodes}/MeshBasicNodeMaterial.js +16 -12
- package/src/{nodes/materials → materials/nodes}/MeshLambertNodeMaterial.js +10 -6
- package/src/{nodes/materials → materials/nodes}/MeshMatcapNodeMaterial.js +13 -9
- package/src/{nodes/materials → materials/nodes}/MeshNormalNodeMaterial.js +13 -9
- package/src/{nodes/materials → materials/nodes}/MeshPhongNodeMaterial.js +14 -9
- package/src/{nodes/materials → materials/nodes}/MeshPhysicalNodeMaterial.js +22 -18
- package/src/{nodes/materials → materials/nodes}/MeshSSSNodeMaterial.js +10 -7
- package/src/{nodes/materials → materials/nodes}/MeshStandardNodeMaterial.js +22 -12
- package/src/{nodes/materials → materials/nodes}/MeshToonNodeMaterial.js +9 -5
- package/src/{nodes/materials → materials/nodes}/NodeMaterial.js +71 -115
- package/src/{nodes/materials/Materials.js → materials/nodes/NodeMaterials.js} +3 -1
- package/src/{nodes/materials → materials/nodes}/PointsNodeMaterial.js +8 -5
- package/src/{nodes/materials → materials/nodes}/ShadowNodeMaterial.js +9 -5
- package/src/{nodes/materials → materials/nodes}/SpriteNodeMaterial.js +47 -14
- package/src/{nodes/materials → materials/nodes}/VolumeNodeMaterial.js +24 -22
- package/src/materials/nodes/manager/NodeMaterialObserver.js +302 -0
- package/src/math/Triangle.js +24 -0
- package/src/nodes/Nodes.js +103 -159
- package/src/nodes/TSL.js +179 -0
- package/src/nodes/accessors/AccessorsUtils.js +8 -8
- package/src/nodes/accessors/BatchNode.js +53 -21
- package/src/nodes/accessors/{BitangentNode.js → Bitangent.js} +9 -9
- package/src/nodes/accessors/BufferAttributeNode.js +8 -5
- package/src/nodes/accessors/BufferNode.js +7 -4
- package/src/nodes/accessors/Camera.js +13 -0
- package/src/nodes/accessors/ClippingNode.js +19 -13
- package/src/nodes/accessors/CubeTextureNode.js +9 -8
- package/src/nodes/accessors/InstanceNode.js +19 -15
- package/src/nodes/accessors/InstancedPointsMaterialNode.js +8 -5
- package/src/nodes/accessors/Lights.js +51 -0
- package/src/nodes/accessors/MaterialNode.js +56 -55
- package/src/nodes/accessors/MaterialProperties.js +3 -0
- package/src/nodes/accessors/MaterialReferenceNode.js +9 -4
- package/src/nodes/accessors/ModelNode.js +47 -12
- package/src/nodes/accessors/ModelViewProjectionNode.js +12 -9
- package/src/nodes/accessors/MorphNode.js +17 -13
- package/src/nodes/accessors/Normal.js +88 -0
- package/src/nodes/accessors/Object3DNode.js +17 -33
- package/src/nodes/accessors/PointUVNode.js +9 -5
- package/src/nodes/accessors/Position.js +10 -0
- package/src/nodes/accessors/ReferenceBaseNode.js +171 -0
- package/src/nodes/accessors/ReferenceNode.js +50 -7
- package/src/nodes/accessors/ReflectVector.js +10 -0
- package/src/nodes/accessors/RendererReferenceNode.js +12 -6
- package/src/nodes/accessors/SceneNode.js +9 -6
- package/src/nodes/accessors/SkinningNode.js +88 -21
- package/src/nodes/accessors/StorageBufferNode.js +22 -5
- package/src/nodes/accessors/StorageTextureNode.js +9 -6
- package/src/nodes/accessors/Tangent.js +22 -0
- package/src/nodes/accessors/Texture3DNode.js +16 -13
- package/src/nodes/accessors/{TextureBicubicNode.js → TextureBicubic.js} +3 -32
- package/src/nodes/accessors/TextureNode.js +29 -23
- package/src/nodes/accessors/TextureSizeNode.js +10 -9
- package/src/nodes/accessors/{UniformsNode.js → UniformArrayNode.js} +26 -14
- package/src/nodes/accessors/UserDataNode.js +10 -7
- package/src/nodes/accessors/VelocityNode.js +134 -0
- package/src/nodes/accessors/VertexColorNode.js +7 -4
- package/src/nodes/code/CodeNode.js +9 -5
- package/src/nodes/code/ExpressionNode.js +10 -6
- package/src/nodes/code/FunctionCallNode.js +8 -5
- package/src/nodes/code/FunctionNode.js +8 -23
- package/src/nodes/code/ScriptableNode.js +13 -10
- package/src/nodes/code/ScriptableValueNode.js +9 -7
- package/src/nodes/core/AssignNode.js +12 -9
- package/src/nodes/core/AttributeNode.js +12 -21
- package/src/nodes/core/BypassNode.js +11 -7
- package/src/nodes/core/CacheNode.js +10 -6
- package/src/nodes/core/ConstNode.js +6 -3
- package/src/nodes/core/ContextNode.js +21 -11
- package/src/nodes/core/IndexNode.js +35 -8
- package/src/nodes/core/InputNode.js +7 -3
- package/src/nodes/core/MRTNode.js +16 -7
- package/src/nodes/core/Node.js +19 -40
- package/src/nodes/core/NodeBuilder.js +117 -38
- package/src/nodes/core/NodeUtils.js +49 -6
- package/src/nodes/core/OutputStructNode.js +10 -6
- package/src/nodes/core/ParameterNode.js +7 -4
- package/src/nodes/core/PropertyNode.js +36 -32
- package/src/nodes/core/StackNode.js +31 -11
- package/src/nodes/core/StructTypeNode.js +7 -3
- package/src/nodes/core/TempNode.js +8 -4
- package/src/nodes/core/UniformGroupNode.js +14 -11
- package/src/nodes/core/UniformNode.js +7 -4
- package/src/nodes/core/VarNode.js +12 -8
- package/src/nodes/core/VaryingNode.js +10 -6
- package/src/nodes/display/AfterImageNode.js +15 -9
- package/src/nodes/display/AnaglyphPassNode.js +67 -0
- package/src/nodes/display/AnamorphicNode.js +17 -11
- package/src/nodes/display/BleachBypass.js +26 -0
- package/src/nodes/display/BlendMode.js +54 -0
- package/src/nodes/display/BloomNode.js +27 -19
- package/src/nodes/display/BumpMapNode.js +13 -12
- package/src/nodes/display/ColorAdjustment.js +46 -0
- package/src/nodes/display/ColorSpaceFunctions.js +38 -0
- package/src/nodes/display/ColorSpaceNode.js +67 -61
- package/src/nodes/display/DenoiseNode.js +23 -17
- package/src/nodes/display/DepthOfFieldNode.js +12 -7
- package/src/nodes/display/DotScreenNode.js +13 -22
- package/src/nodes/display/FXAANode.js +21 -16
- package/src/nodes/display/FilmNode.js +11 -7
- package/src/nodes/display/FrontFacingNode.js +10 -6
- package/src/nodes/display/GTAONode.js +22 -15
- package/src/nodes/display/GaussianBlurNode.js +14 -8
- package/src/nodes/display/Lut3DNode.js +10 -6
- package/src/nodes/display/MotionBlur.js +25 -0
- package/src/nodes/display/NormalMapNode.js +13 -13
- package/src/nodes/display/ParallaxBarrierPassNode.js +58 -0
- package/src/nodes/display/PassNode.js +95 -8
- package/src/nodes/display/PixelationPassNode.js +20 -8
- package/src/nodes/display/PosterizeNode.js +8 -7
- package/src/nodes/display/RGBShiftNode.js +11 -7
- package/src/nodes/display/RenderOutputNode.js +15 -11
- package/src/nodes/display/SSAAPassNode.js +287 -0
- package/src/nodes/display/ScreenNode.js +181 -0
- package/src/nodes/display/Sepia.js +17 -0
- package/src/nodes/display/SobelOperatorNode.js +13 -8
- package/src/nodes/display/StereoCompositePassNode.js +110 -0
- package/src/nodes/display/StereoPassNode.js +83 -0
- package/src/nodes/display/ToneMappingFunctions.js +190 -0
- package/src/nodes/display/ToneMappingNode.js +15 -175
- package/src/nodes/display/ToonOutlinePassNode.js +111 -0
- package/src/nodes/display/TransitionNode.js +12 -8
- package/src/nodes/display/ViewportDepthNode.js +34 -29
- package/src/nodes/display/ViewportDepthTextureNode.js +10 -9
- package/src/nodes/display/ViewportSharedTextureNode.js +10 -9
- package/src/nodes/display/ViewportTextureNode.js +11 -11
- package/src/nodes/fog/FogExp2Node.js +8 -7
- package/src/nodes/fog/FogNode.js +10 -8
- package/src/nodes/fog/FogRangeNode.js +8 -7
- package/src/nodes/functions/BSDF/BRDF_GGX.js +4 -4
- package/src/nodes/functions/BSDF/BRDF_Lambert.js +2 -2
- package/src/nodes/functions/BSDF/BRDF_Sheen.js +6 -6
- package/src/nodes/functions/BSDF/DFGApprox.js +2 -2
- package/src/nodes/functions/BSDF/D_GGX.js +2 -2
- package/src/nodes/functions/BSDF/D_GGX_Anisotropic.js +3 -3
- package/src/nodes/functions/BSDF/EnvironmentBRDF.js +2 -2
- package/src/nodes/functions/BSDF/F_Schlick.js +2 -2
- package/src/nodes/functions/BSDF/LTC.js +6 -6
- package/src/nodes/functions/BSDF/Schlick_to_F0.js +2 -2
- package/src/nodes/functions/BSDF/V_GGX_SmithCorrelated.js +2 -2
- package/src/nodes/functions/BSDF/V_GGX_SmithCorrelated_Anisotropic.js +2 -2
- package/src/nodes/functions/BasicLightingModel.js +1 -1
- package/src/nodes/functions/PhongLightingModel.js +5 -5
- package/src/nodes/functions/PhysicalLightingModel.js +34 -33
- package/src/nodes/functions/ShadowMaskModel.js +1 -1
- package/src/nodes/functions/ToonLightingModel.js +3 -3
- package/src/nodes/functions/material/getGeometryRoughness.js +4 -4
- package/src/nodes/functions/material/getRoughness.js +2 -2
- package/src/nodes/functions/material/getShIrradianceAt.js +28 -0
- package/src/nodes/geometry/RangeNode.js +9 -5
- package/src/nodes/gpgpu/AtomicFunctionNode.js +99 -0
- package/src/nodes/gpgpu/BarrierNode.js +40 -0
- package/src/nodes/gpgpu/ComputeBuiltinNode.js +98 -0
- package/src/nodes/gpgpu/ComputeNode.js +10 -6
- package/src/nodes/gpgpu/WorkgroupInfoNode.js +100 -0
- package/src/nodes/lighting/AONode.js +6 -3
- package/src/nodes/lighting/AmbientLightNode.js +6 -8
- package/src/nodes/lighting/AnalyticLightNode.js +225 -36
- package/src/nodes/lighting/BasicEnvironmentNode.js +8 -4
- package/src/nodes/lighting/BasicLightMapNode.js +7 -4
- package/src/nodes/lighting/DirectionalLightNode.js +7 -9
- package/src/nodes/lighting/EnvironmentNode.js +23 -19
- package/src/nodes/lighting/HemisphereLightNode.js +11 -11
- package/src/nodes/lighting/IESSpotLightNode.js +7 -9
- package/src/nodes/lighting/IrradianceNode.js +6 -3
- package/src/nodes/lighting/LightProbeNode.js +53 -0
- package/src/nodes/lighting/LightUtils.js +3 -3
- package/src/nodes/lighting/LightingContextNode.js +19 -18
- package/src/nodes/lighting/LightingNode.js +7 -3
- package/src/nodes/lighting/LightsNode.js +112 -75
- package/src/nodes/lighting/PointLightNode.js +12 -13
- package/src/nodes/lighting/RectAreaLightNode.js +11 -11
- package/src/nodes/lighting/SpotLightNode.js +14 -16
- package/src/nodes/materialx/MaterialXNodes.js +2 -2
- package/src/nodes/materialx/lib/mx_hsv.js +36 -31
- package/src/nodes/materialx/lib/mx_noise.js +96 -96
- package/src/nodes/materialx/lib/mx_transform_color.js +2 -2
- package/src/nodes/math/{CondNode.js → ConditionalNode.js} +38 -10
- package/src/nodes/math/Hash.js +13 -0
- package/src/nodes/math/MathNode.js +127 -124
- package/src/nodes/math/MathUtils.js +0 -7
- package/src/nodes/math/OperatorNode.js +97 -52
- package/src/nodes/math/TriNoise3D.js +19 -29
- package/src/nodes/pmrem/PMREMNode.js +61 -15
- package/src/nodes/pmrem/PMREMUtils.js +46 -46
- package/src/nodes/procedural/Checker.js +14 -0
- package/src/nodes/tsl/TSLBase.js +30 -0
- package/src/nodes/{shadernode/ShaderNode.js → tsl/TSLCore.js} +105 -97
- package/src/nodes/utils/ArrayElementNode.js +8 -4
- package/src/nodes/utils/ConvertNode.js +7 -3
- package/src/nodes/utils/CubeMapNode.js +160 -0
- package/src/nodes/utils/Discard.js +8 -0
- package/src/nodes/utils/EquirectUVNode.js +9 -6
- package/src/nodes/utils/FlipNode.js +68 -0
- package/src/nodes/utils/FunctionOverloadingNode.js +9 -5
- package/src/nodes/utils/JoinNode.js +6 -3
- package/src/nodes/utils/LoopNode.js +16 -6
- package/src/nodes/utils/MatcapUVNode.js +10 -7
- package/src/nodes/utils/MaxMipLevelNode.js +8 -5
- package/src/nodes/utils/OscNode.js +12 -8
- package/src/nodes/utils/Packing.js +4 -0
- package/src/nodes/utils/RTTNode.js +11 -8
- package/src/nodes/utils/ReflectorNode.js +12 -4
- package/src/nodes/utils/RemapNode.js +12 -8
- package/src/nodes/utils/RotateNode.js +8 -13
- package/src/nodes/utils/SetNode.js +7 -4
- package/src/nodes/utils/SplitNode.js +7 -3
- package/src/nodes/utils/SpriteSheetUVNode.js +10 -6
- package/src/nodes/utils/SpriteUtils.js +47 -0
- package/src/nodes/utils/StorageArrayElementNode.js +11 -12
- package/src/nodes/utils/TimerNode.js +8 -5
- package/src/nodes/utils/TriplanarTexturesNode.js +11 -9
- package/src/nodes/utils/UVUtils.js +19 -0
- package/src/nodes/utils/ViewportUtils.js +14 -0
- package/src/objects/BatchedMesh.js +78 -13
- package/src/objects/LOD.js +21 -0
- package/src/objects/Line.js +1 -0
- package/src/objects/Mesh.js +7 -23
- package/src/objects/Points.js +2 -0
- package/src/renderers/WebGLRenderer.js +88 -41
- package/src/renderers/common/Backend.js +2 -2
- package/src/renderers/common/Background.js +3 -1
- package/src/renderers/common/BindGroup.js +3 -1
- package/src/renderers/common/Bindings.js +13 -15
- package/src/renderers/common/BundleGroup.js +26 -0
- package/src/renderers/common/ClippingContext.js +15 -5
- package/src/renderers/common/CubeRenderTarget.js +9 -3
- package/src/renderers/common/PostProcessing.js +4 -1
- package/src/renderers/common/QuadMesh.js +2 -0
- package/src/renderers/common/RenderContext.js +23 -0
- package/src/renderers/common/RenderList.js +1 -1
- package/src/renderers/common/RenderObject.js +117 -6
- package/src/renderers/common/RenderObjects.js +8 -1
- package/src/renderers/common/Renderer.js +128 -94
- package/src/renderers/common/SampledTexture.js +12 -3
- package/src/renderers/common/Textures.js +8 -12
- package/src/renderers/common/extras/PMREMGenerator.js +19 -22
- package/src/renderers/common/nodes/NodeBuilderState.js +4 -4
- package/src/renderers/common/nodes/NodeLibrary.js +118 -0
- package/src/renderers/common/nodes/NodeSampledTexture.js +2 -2
- package/src/renderers/common/nodes/Nodes.js +65 -19
- package/src/renderers/shaders/ShaderChunk/tonemapping_pars_fragment.glsl.js +2 -2
- package/src/renderers/shaders/ShaderLib/sprite.glsl.js +2 -4
- package/src/renderers/webgl/WebGLAttributes.js +45 -14
- package/src/renderers/webgl/WebGLCapabilities.js +9 -0
- package/src/renderers/webgl/WebGLProgram.js +3 -1
- package/src/renderers/webgl/WebGLPrograms.js +21 -17
- package/src/renderers/webgl/WebGLProperties.js +7 -0
- package/src/renderers/webgl/WebGLState.js +21 -0
- package/src/renderers/webgl/WebGLTextures.js +83 -4
- package/src/renderers/webgl-fallback/WebGLBackend.js +135 -110
- package/src/renderers/webgl-fallback/nodes/GLSLNodeBuilder.js +60 -12
- package/src/renderers/webgl-fallback/utils/WebGLAttributeUtils.js +6 -0
- package/src/renderers/webgl-fallback/utils/WebGLState.js +20 -2
- package/src/renderers/webgl-fallback/utils/WebGLTextureUtils.js +89 -37
- package/src/renderers/webgpu/WebGPUBackend.js +112 -86
- package/src/renderers/webgpu/WebGPURenderer.Nodes.js +42 -0
- package/src/renderers/webgpu/WebGPURenderer.js +9 -6
- package/src/renderers/webgpu/nodes/BasicNodeLibrary.js +59 -0
- package/src/renderers/webgpu/nodes/StandardNodeLibrary.js +105 -0
- package/src/renderers/webgpu/nodes/WGSLNodeBuilder.js +189 -73
- package/src/renderers/webgpu/utils/WebGPUAttributeUtils.js +6 -16
- package/src/renderers/webgpu/utils/WebGPUBindingUtils.js +45 -21
- package/src/renderers/webgpu/utils/WebGPUConstants.js +2 -1
- package/src/renderers/webgpu/utils/WebGPUPipelineUtils.js +7 -16
- package/src/renderers/webgpu/utils/WebGPUTexturePassUtils.js +62 -5
- package/src/renderers/webgpu/utils/WebGPUTextureUtils.js +43 -26
- package/src/renderers/webgpu/utils/WebGPUUtils.js +19 -2
- package/src/renderers/webxr/WebXRManager.js +32 -25
- package/src/utils.js +33 -1
- package/examples/jsm/geometries/SDFGeometryGenerator.js +0 -144
- package/examples/jsm/loaders/LogLuvLoader.js +0 -606
- package/examples/jsm/loaders/TiltLoader.js +0 -520
- package/examples/jsm/utils/GPUStatsPanel.js +0 -95
- package/examples/jsm/utils/PackedPhongMaterial.js +0 -178
- package/src/nodes/accessors/CameraNode.js +0 -19
- package/src/nodes/accessors/NormalNode.js +0 -14
- package/src/nodes/accessors/PositionNode.js +0 -10
- package/src/nodes/accessors/ReflectVectorNode.js +0 -10
- package/src/nodes/accessors/TangentNode.js +0 -23
- package/src/nodes/core/NodeKeywords.js +0 -80
- package/src/nodes/display/BlendModeNode.js +0 -128
- package/src/nodes/display/ColorAdjustmentNode.js +0 -104
- package/src/nodes/display/ViewportNode.js +0 -137
- package/src/nodes/lighting/LightNode.js +0 -57
- package/src/nodes/materials/InstancedPointsNodeMaterial.js +0 -162
- package/src/nodes/math/HashNode.js +0 -34
- package/src/nodes/procedural/CheckerNode.js +0 -42
- package/src/nodes/utils/DiscardNode.js +0 -28
- package/src/nodes/utils/PackingNode.js +0 -55
- package/src/nodes/utils/RotateUVNode.js +0 -35
- /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 );
|