@plastic-software/three 0.182.0 → 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.
- package/LICENSE +1 -1
- package/build/three.cjs +11520 -10877
- package/build/three.core.js +11732 -11340
- package/build/three.core.min.js +2 -2
- package/build/three.module.js +509 -262
- package/build/three.module.min.js +2 -2
- package/build/three.tsl.js +7 -11
- package/build/three.tsl.min.js +2 -2
- package/build/three.webgpu.js +3072 -2607
- package/build/three.webgpu.min.js +2 -2
- package/build/three.webgpu.nodes.js +3071 -2607
- package/build/three.webgpu.nodes.min.js +2 -2
- package/examples/jsm/Addons.js +0 -3
- package/examples/jsm/animation/CCDIKSolver.js +2 -2
- package/examples/jsm/controls/ArcballControls.js +3 -3
- package/examples/jsm/controls/OrbitControls.js +103 -0
- package/examples/jsm/effects/AnaglyphEffect.js +102 -7
- package/examples/jsm/environments/ColorEnvironment.js +59 -0
- package/examples/jsm/environments/RoomEnvironment.js +1 -0
- package/examples/jsm/exporters/EXRExporter.js +1 -1
- package/examples/jsm/exporters/GLTFExporter.js +131 -4
- package/examples/jsm/exporters/USDZExporter.js +22 -3
- package/examples/jsm/helpers/AnimationPathHelper.js +302 -0
- package/examples/jsm/helpers/ViewHelper.js +67 -8
- package/examples/jsm/inspector/Inspector.js +21 -5
- package/examples/jsm/inspector/tabs/Console.js +39 -5
- package/examples/jsm/inspector/tabs/Parameters.js +16 -0
- package/examples/jsm/inspector/ui/Style.js +25 -1
- package/examples/jsm/libs/meshopt_decoder.module.js +6 -5
- package/examples/jsm/lines/LineMaterial.js +6 -0
- package/examples/jsm/loaders/3MFLoader.js +2 -2
- package/examples/jsm/loaders/AMFLoader.js +2 -2
- package/examples/jsm/loaders/ColladaLoader.js +24 -4026
- package/examples/jsm/loaders/EXRLoader.js +5 -5
- package/examples/jsm/loaders/FBXLoader.js +2 -2
- package/examples/jsm/loaders/GCodeLoader.js +34 -8
- package/examples/jsm/loaders/GLTFLoader.js +122 -171
- package/examples/jsm/loaders/KMZLoader.js +5 -5
- package/examples/jsm/loaders/KTX2Loader.js +5 -5
- package/examples/jsm/loaders/LWOLoader.js +7 -39
- package/examples/jsm/loaders/NRRDLoader.js +2 -2
- package/examples/jsm/loaders/PCDLoader.js +3 -2
- package/examples/jsm/loaders/USDLoader.js +100 -40
- package/examples/jsm/loaders/UltraHDRLoader.js +182 -30
- package/examples/jsm/loaders/VRMLLoader.js +77 -0
- package/examples/jsm/loaders/VTKLoader.js +37 -24
- package/examples/jsm/loaders/collada/ColladaComposer.js +2950 -0
- package/examples/jsm/loaders/collada/ColladaParser.js +1962 -0
- package/examples/jsm/loaders/usd/USDAParser.js +447 -366
- package/examples/jsm/loaders/usd/USDCParser.js +1841 -6
- package/examples/jsm/loaders/usd/USDComposer.js +4041 -0
- package/examples/jsm/materials/LDrawConditionalLineNodeMaterial.js +2 -2
- package/examples/jsm/objects/LensflareMesh.js +1 -1
- package/examples/jsm/objects/Sky.js +76 -4
- package/examples/jsm/objects/SkyMesh.js +114 -7
- package/examples/jsm/objects/Water.js +4 -3
- package/examples/jsm/objects/Water2.js +5 -3
- package/examples/jsm/objects/WaterMesh.js +5 -7
- package/examples/jsm/physics/JoltPhysics.js +7 -5
- package/examples/jsm/physics/RapierPhysics.js +6 -4
- package/examples/jsm/postprocessing/EffectComposer.js +7 -5
- package/examples/jsm/postprocessing/RenderTransitionPass.js +1 -1
- package/examples/jsm/renderers/CSS3DRenderer.js +1 -1
- package/examples/jsm/renderers/SVGRenderer.js +2 -2
- package/examples/jsm/shaders/GTAOShader.js +19 -6
- package/examples/jsm/shaders/HalftoneShader.js +12 -1
- package/examples/jsm/shaders/PoissonDenoiseShader.js +6 -2
- package/examples/jsm/shaders/SAOShader.js +17 -4
- package/examples/jsm/shaders/SSAOShader.js +11 -1
- package/examples/jsm/shaders/SSRShader.js +6 -5
- package/examples/jsm/shaders/VignetteShader.js +1 -1
- package/examples/jsm/tsl/display/AfterImageNode.js +1 -1
- package/examples/jsm/tsl/display/AnaglyphPassNode.js +456 -16
- package/examples/jsm/tsl/display/AnamorphicNode.js +1 -1
- package/examples/jsm/tsl/display/BilateralBlurNode.js +364 -0
- package/examples/jsm/tsl/display/BloomNode.js +5 -5
- package/examples/jsm/tsl/display/CRT.js +150 -0
- package/examples/jsm/tsl/display/DenoiseNode.js +1 -1
- package/examples/jsm/tsl/display/DepthOfFieldNode.js +1 -1
- package/examples/jsm/tsl/display/DotScreenNode.js +1 -1
- package/examples/jsm/tsl/display/FXAANode.js +2 -2
- package/examples/jsm/tsl/display/GTAONode.js +2 -2
- package/examples/jsm/tsl/display/GaussianBlurNode.js +11 -2
- package/examples/jsm/tsl/display/GodraysNode.js +624 -0
- package/examples/jsm/tsl/display/LensflareNode.js +1 -1
- package/examples/jsm/tsl/display/Lut3DNode.js +1 -1
- package/examples/jsm/tsl/display/OutlineNode.js +3 -3
- package/examples/jsm/tsl/display/ParallaxBarrierPassNode.js +2 -2
- package/examples/jsm/tsl/display/PixelationPassNode.js +5 -5
- package/examples/jsm/tsl/display/RGBShiftNode.js +2 -2
- package/examples/jsm/tsl/display/RetroPassNode.js +263 -0
- package/examples/jsm/tsl/display/SMAANode.js +2 -2
- package/examples/jsm/tsl/display/SSAAPassNode.js +2 -2
- package/examples/jsm/tsl/display/SSGINode.js +2 -2
- package/examples/jsm/tsl/display/SSRNode.js +7 -7
- package/examples/jsm/tsl/display/SSSNode.js +2 -2
- package/examples/jsm/tsl/display/Shape.js +29 -0
- package/examples/jsm/tsl/display/SobelOperatorNode.js +2 -2
- package/examples/jsm/tsl/display/StereoPassNode.js +1 -2
- package/examples/jsm/tsl/display/TRAANode.js +9 -12
- package/examples/jsm/tsl/display/TransitionNode.js +1 -1
- package/examples/jsm/tsl/display/depthAwareBlend.js +80 -0
- package/examples/jsm/tsl/math/Bayer.js +40 -1
- package/examples/jsm/utils/LDrawUtils.js +1 -1
- package/package.json +11 -19
- package/src/Three.Core.js +1 -1
- package/src/Three.TSL.js +5 -9
- package/src/Three.WebGPU.Nodes.js +2 -0
- package/src/Three.WebGPU.js +3 -0
- package/src/Three.js +1 -0
- package/src/animation/AnimationAction.js +1 -1
- package/src/animation/AnimationClip.js +1 -1
- package/src/animation/AnimationMixer.js +6 -0
- package/src/animation/KeyframeTrack.js +46 -7
- package/src/animation/PropertyMixer.js +4 -4
- package/src/audio/Audio.js +1 -1
- package/src/audio/AudioListener.js +5 -3
- package/src/cameras/Camera.js +32 -2
- package/src/cameras/CubeCamera.js +20 -0
- package/src/constants.js +30 -1
- package/src/core/Clock.js +7 -0
- package/src/core/Object3D.js +56 -4
- package/src/core/RenderTarget.js +3 -4
- package/src/extras/PMREMGenerator.js +4 -8
- package/src/geometries/TorusGeometry.js +8 -3
- package/src/helpers/CameraHelper.js +3 -0
- package/src/helpers/DirectionalLightHelper.js +4 -1
- package/src/helpers/HemisphereLightHelper.js +3 -0
- package/src/helpers/PointLightHelper.js +0 -24
- package/src/helpers/SpotLightHelper.js +3 -0
- package/src/lights/LightShadow.js +15 -3
- package/src/lights/webgpu/IESSpotLight.js +2 -1
- package/src/loaders/Cache.js +28 -0
- package/src/loaders/FileLoader.js +1 -1
- package/src/loaders/ImageBitmapLoader.js +8 -3
- package/src/loaders/Loader.js +6 -0
- package/src/loaders/ObjectLoader.js +18 -1
- package/src/materials/MeshLambertMaterial.js +9 -0
- package/src/materials/MeshPhongMaterial.js +9 -0
- package/src/materials/nodes/Line2NodeMaterial.js +5 -5
- package/src/materials/nodes/MeshPhysicalNodeMaterial.js +2 -0
- package/src/materials/nodes/NodeMaterial.js +15 -24
- package/src/materials/nodes/manager/NodeMaterialObserver.js +9 -3
- package/src/math/Line3.js +3 -5
- package/src/math/MathUtils.js +10 -10
- package/src/math/Matrix4.js +35 -26
- package/src/math/Quaternion.js +3 -29
- package/src/math/Vector3.js +3 -3
- package/src/math/interpolants/BezierInterpolant.js +108 -0
- package/src/nodes/Nodes.js +87 -68
- package/src/nodes/TSL.js +2 -5
- package/src/nodes/accessors/Arrays.js +1 -1
- package/src/nodes/accessors/Bitangent.js +5 -5
- package/src/nodes/accessors/BufferAttributeNode.js +1 -1
- package/src/nodes/accessors/Camera.js +149 -28
- package/src/nodes/accessors/InstanceNode.js +105 -40
- package/src/nodes/accessors/Normal.js +9 -9
- package/src/nodes/accessors/Position.js +34 -2
- package/src/nodes/accessors/SceneProperties.js +53 -0
- package/src/nodes/accessors/SkinningNode.js +12 -24
- package/src/nodes/accessors/StorageBufferNode.js +0 -19
- package/src/nodes/accessors/StorageTextureNode.js +37 -1
- package/src/nodes/accessors/Tangent.js +3 -3
- package/src/nodes/accessors/Texture3DNode.js +6 -34
- package/src/nodes/accessors/TextureNode.js +58 -22
- package/src/nodes/accessors/UniformArrayNode.js +2 -0
- package/src/nodes/core/MRTNode.js +48 -2
- package/src/nodes/core/Node.js +29 -3
- package/src/nodes/core/NodeBuilder.js +115 -40
- package/src/nodes/core/NodeError.js +28 -0
- package/src/nodes/core/NodeUtils.js +5 -3
- package/src/nodes/core/OutputStructNode.js +12 -10
- package/src/nodes/core/ParameterNode.js +2 -1
- package/src/nodes/core/StackNode.js +9 -8
- package/src/nodes/core/StackTrace.js +139 -0
- package/src/nodes/core/StructNode.js +15 -0
- package/src/nodes/core/SubBuildNode.js +1 -1
- package/src/nodes/core/UniformNode.js +2 -1
- package/src/nodes/core/VarNode.js +1 -1
- package/src/nodes/core/VaryingNode.js +1 -18
- package/src/nodes/display/BlendModes.js +0 -64
- package/src/nodes/display/ColorAdjustment.js +17 -0
- package/src/nodes/display/ColorSpaceNode.js +3 -3
- package/src/nodes/display/NormalMapNode.js +2 -2
- package/src/nodes/display/PassNode.js +21 -2
- package/src/nodes/display/RenderOutputNode.js +3 -3
- package/src/nodes/display/ScreenNode.js +2 -1
- package/src/nodes/display/ToneMappingNode.js +1 -1
- package/src/nodes/display/ToonOutlinePassNode.js +2 -2
- package/src/nodes/display/ViewportDepthNode.js +52 -4
- package/src/nodes/display/ViewportTextureNode.js +21 -4
- package/src/nodes/fog/Fog.js +18 -35
- package/src/nodes/functions/PhysicalLightingModel.js +25 -3
- package/src/nodes/geometry/RangeNode.js +4 -2
- package/src/nodes/gpgpu/ComputeNode.js +5 -4
- package/src/nodes/gpgpu/WorkgroupInfoNode.js +2 -1
- package/src/nodes/lighting/EnvironmentNode.js +28 -3
- package/src/nodes/lighting/PointShadowNode.js +24 -12
- package/src/nodes/lighting/ShadowFilterNode.js +15 -43
- package/src/nodes/lighting/ShadowNode.js +54 -32
- package/src/nodes/math/ConditionalNode.js +2 -2
- package/src/nodes/math/MathNode.js +3 -40
- package/src/nodes/math/OperatorNode.js +2 -1
- package/src/nodes/pmrem/PMREMUtils.js +9 -15
- package/src/nodes/tsl/TSLCore.js +13 -10
- package/src/nodes/utils/DebugNode.js +11 -11
- package/src/nodes/utils/JoinNode.js +2 -2
- package/src/nodes/utils/LoopNode.js +1 -1
- package/src/nodes/utils/MemberNode.js +1 -1
- package/src/nodes/utils/RTTNode.js +1 -1
- package/src/nodes/utils/ReflectorNode.js +2 -3
- package/src/nodes/utils/SpriteSheetUV.js +35 -0
- package/src/nodes/utils/UVUtils.js +4 -2
- package/src/objects/BatchedMesh.js +22 -12
- package/src/objects/InstancedMesh.js +11 -0
- package/src/renderers/WebGLRenderer.js +34 -60
- package/src/renderers/common/Backend.js +21 -0
- package/src/renderers/common/Background.js +7 -4
- package/src/renderers/common/BindGroup.js +1 -9
- package/src/renderers/common/Bindings.js +20 -5
- package/src/renderers/common/BlendMode.js +143 -0
- package/src/renderers/common/BundleGroup.js +1 -1
- package/src/renderers/common/CubeRenderTarget.js +50 -6
- package/src/renderers/common/Geometries.js +17 -3
- package/src/renderers/common/Lighting.js +5 -21
- package/src/renderers/common/Pipelines.js +4 -4
- package/src/renderers/common/PostProcessing.js +8 -206
- package/src/renderers/common/RenderBundles.js +2 -1
- package/src/renderers/common/RenderContext.js +16 -0
- package/src/renderers/common/RenderContexts.js +33 -56
- package/src/renderers/common/RenderLists.js +2 -1
- package/src/renderers/common/RenderObject.js +2 -3
- package/src/renderers/common/RenderObjectPipeline.js +40 -0
- package/src/renderers/common/RenderObjects.js +18 -2
- package/src/renderers/common/RenderPipeline.js +203 -17
- package/src/renderers/common/Renderer.js +207 -40
- package/src/renderers/common/Sampler.js +4 -4
- package/src/renderers/common/StorageBuffer.js +13 -1
- package/src/renderers/common/Textures.js +16 -0
- package/src/renderers/common/TimestampQueryPool.js +5 -3
- package/src/renderers/common/Uniform.js +8 -0
- package/src/renderers/common/UniformsGroup.js +60 -0
- package/src/renderers/common/XRManager.js +2 -2
- package/src/renderers/common/nodes/NodeBuilderState.js +1 -1
- package/src/renderers/common/nodes/{Nodes.js → NodeManager.js} +18 -6
- package/src/renderers/common/nodes/NodeStorageBuffer.js +13 -2
- package/src/renderers/shaders/ShaderChunk/batching_pars_vertex.glsl.js +2 -2
- package/src/renderers/shaders/ShaderChunk/color_fragment.glsl.js +1 -5
- package/src/renderers/shaders/ShaderChunk/color_pars_fragment.glsl.js +1 -5
- package/src/renderers/shaders/ShaderChunk/color_pars_vertex.glsl.js +1 -5
- package/src/renderers/shaders/ShaderChunk/color_vertex.glsl.js +8 -10
- package/src/renderers/shaders/ShaderChunk/envmap_fragment.glsl.js +7 -11
- package/src/renderers/shaders/ShaderChunk/lights_fragment_end.glsl.js +6 -0
- package/src/renderers/shaders/ShaderChunk/lights_fragment_maps.glsl.js +6 -2
- package/src/renderers/shaders/ShaderChunk/lights_physical_pars_fragment.glsl.js +23 -1
- package/src/renderers/shaders/ShaderChunk/packing.glsl.js +20 -4
- package/src/renderers/shaders/ShaderChunk/shadowmap_pars_fragment.glsl.js +55 -24
- package/src/renderers/shaders/ShaderLib/meshlambert.glsl.js +2 -0
- package/src/renderers/shaders/ShaderLib/meshphong.glsl.js +2 -0
- package/src/renderers/shaders/ShaderLib/shadow.glsl.js +1 -0
- package/src/renderers/shaders/ShaderLib.js +4 -2
- package/src/renderers/shaders/UniformsLib.js +0 -3
- package/src/renderers/webgl/WebGLBackground.js +2 -2
- package/src/renderers/webgl/WebGLBindingStates.js +99 -27
- package/src/renderers/webgl/WebGLEnvironments.js +228 -0
- package/src/renderers/webgl/WebGLGeometries.js +10 -7
- package/src/renderers/webgl/WebGLMaterials.js +12 -0
- package/src/renderers/webgl/WebGLObjects.js +3 -1
- package/src/renderers/webgl/WebGLProgram.js +2 -2
- package/src/renderers/webgl/WebGLPrograms.js +10 -4
- package/src/renderers/webgl/WebGLRenderLists.js +15 -0
- package/src/renderers/webgl/WebGLShadowMap.js +5 -4
- package/src/renderers/webgl/WebGLState.js +12 -17
- package/src/renderers/webgl-fallback/WebGLBackend.js +71 -7
- package/src/renderers/webgl-fallback/nodes/GLSLNodeBuilder.js +98 -29
- package/src/renderers/webgl-fallback/utils/WebGLState.js +168 -7
- package/src/renderers/webgpu/WebGPUBackend.js +58 -9
- package/src/renderers/webgpu/WebGPURenderer.js +1 -0
- package/src/renderers/webgpu/nodes/WGSLNodeBuilder.js +257 -45
- package/src/renderers/webgpu/utils/WebGPUBindingUtils.js +8 -19
- package/src/renderers/webgpu/utils/WebGPUConstants.js +1 -1
- package/src/renderers/webgpu/utils/WebGPUPipelineUtils.js +56 -31
- package/src/renderers/webgpu/utils/WebGPUTexturePassUtils.js +152 -200
- package/src/renderers/webgpu/utils/WebGPUTextureUtils.js +25 -25
- package/src/renderers/webgpu/utils/WebGPUUtils.js +10 -6
- package/src/renderers/webxr/WebXRManager.js +2 -2
- package/src/textures/Texture.js +2 -2
- package/src/utils.js +246 -3
- package/examples/jsm/materials/MeshGouraudMaterial.js +0 -433
- package/examples/jsm/materials/MeshPostProcessingMaterial.js +0 -167
- package/examples/jsm/shaders/GodRaysShader.js +0 -333
- package/src/nodes/accessors/SceneNode.js +0 -145
- package/src/nodes/code/ScriptableNode.js +0 -726
- package/src/nodes/code/ScriptableValueNode.js +0 -253
- package/src/nodes/display/PosterizeNode.js +0 -65
- package/src/nodes/utils/SpriteSheetUVNode.js +0 -90
- package/src/renderers/webgl/WebGLCubeMaps.js +0 -99
- package/src/renderers/webgl/WebGLCubeUVMaps.js +0 -134
|
@@ -1,333 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
Color,
|
|
3
|
-
Vector3
|
|
4
|
-
} from 'three';
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* @module GodRaysShader
|
|
8
|
-
* @three_import import * as GodRaysShader from 'three/addons/shaders/GodRaysShader.js';
|
|
9
|
-
*/
|
|
10
|
-
|
|
11
|
-
/**
|
|
12
|
-
* God-rays (crepuscular rays)
|
|
13
|
-
*
|
|
14
|
-
* Similar implementation to the one used by Crytek for CryEngine 2 [Sousa2008].
|
|
15
|
-
* Blurs a mask generated from the depth map along radial lines emanating from the light
|
|
16
|
-
* source. The blur repeatedly applies a blur filter of increasing support but constant
|
|
17
|
-
* sample count to produce a blur filter with large support.
|
|
18
|
-
*
|
|
19
|
-
* My implementation performs 3 passes, similar to the implementation from Sousa. I found
|
|
20
|
-
* just 6 samples per pass produced acceptable results. The blur is applied three times,
|
|
21
|
-
* with decreasing filter support. The result is equivalent to a single pass with
|
|
22
|
-
* 6*6*6 = 216 samples.
|
|
23
|
-
*
|
|
24
|
-
* References:
|
|
25
|
-
* - [Sousa2008, Crysis Next Gen Effects, GDC2008](http://www.crytek.com/sites/default/files/GDC08_SousaT_CrysisEffects.ppt).
|
|
26
|
-
*
|
|
27
|
-
* @constant
|
|
28
|
-
* @type {ShaderMaterial~Shader}
|
|
29
|
-
*/
|
|
30
|
-
const GodRaysDepthMaskShader = {
|
|
31
|
-
|
|
32
|
-
name: 'GodRaysDepthMaskShader',
|
|
33
|
-
|
|
34
|
-
uniforms: {
|
|
35
|
-
|
|
36
|
-
tInput: {
|
|
37
|
-
value: null
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
},
|
|
41
|
-
|
|
42
|
-
vertexShader: /* glsl */`
|
|
43
|
-
|
|
44
|
-
varying vec2 vUv;
|
|
45
|
-
|
|
46
|
-
void main() {
|
|
47
|
-
|
|
48
|
-
vUv = uv;
|
|
49
|
-
gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
|
|
50
|
-
|
|
51
|
-
}`,
|
|
52
|
-
|
|
53
|
-
fragmentShader: /* glsl */`
|
|
54
|
-
|
|
55
|
-
varying vec2 vUv;
|
|
56
|
-
|
|
57
|
-
uniform sampler2D tInput;
|
|
58
|
-
|
|
59
|
-
void main() {
|
|
60
|
-
|
|
61
|
-
gl_FragColor = vec4( 1.0 ) - texture2D( tInput, vUv );
|
|
62
|
-
|
|
63
|
-
}`
|
|
64
|
-
|
|
65
|
-
};
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
/**
|
|
69
|
-
* The god-ray generation shader.
|
|
70
|
-
*
|
|
71
|
-
* First pass:
|
|
72
|
-
*
|
|
73
|
-
* The depth map is blurred along radial lines towards the "sun". The
|
|
74
|
-
* output is written to a temporary render target (I used a 1/4 sized
|
|
75
|
-
* target).
|
|
76
|
-
*
|
|
77
|
-
* Pass two & three:
|
|
78
|
-
*
|
|
79
|
-
* The results of the previous pass are re-blurred, each time with a
|
|
80
|
-
* decreased distance between samples.
|
|
81
|
-
*
|
|
82
|
-
* @constant
|
|
83
|
-
* @type {ShaderMaterial~Shader}
|
|
84
|
-
*/
|
|
85
|
-
const GodRaysGenerateShader = {
|
|
86
|
-
|
|
87
|
-
name: 'GodRaysGenerateShader',
|
|
88
|
-
|
|
89
|
-
uniforms: {
|
|
90
|
-
|
|
91
|
-
tInput: {
|
|
92
|
-
value: null
|
|
93
|
-
},
|
|
94
|
-
fStepSize: {
|
|
95
|
-
value: 1.0
|
|
96
|
-
},
|
|
97
|
-
vSunPositionScreenSpace: {
|
|
98
|
-
value: new Vector3()
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
},
|
|
102
|
-
|
|
103
|
-
vertexShader: /* glsl */`
|
|
104
|
-
|
|
105
|
-
varying vec2 vUv;
|
|
106
|
-
|
|
107
|
-
void main() {
|
|
108
|
-
|
|
109
|
-
vUv = uv;
|
|
110
|
-
gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
|
|
111
|
-
|
|
112
|
-
}`,
|
|
113
|
-
|
|
114
|
-
fragmentShader: /* glsl */`
|
|
115
|
-
|
|
116
|
-
#define TAPS_PER_PASS 6.0
|
|
117
|
-
|
|
118
|
-
varying vec2 vUv;
|
|
119
|
-
|
|
120
|
-
uniform sampler2D tInput;
|
|
121
|
-
|
|
122
|
-
uniform vec3 vSunPositionScreenSpace;
|
|
123
|
-
uniform float fStepSize; // filter step size
|
|
124
|
-
|
|
125
|
-
void main() {
|
|
126
|
-
|
|
127
|
-
// delta from current pixel to "sun" position
|
|
128
|
-
|
|
129
|
-
vec2 delta = vSunPositionScreenSpace.xy - vUv;
|
|
130
|
-
float dist = length( delta );
|
|
131
|
-
|
|
132
|
-
// Step vector (uv space)
|
|
133
|
-
|
|
134
|
-
vec2 stepv = fStepSize * delta / dist;
|
|
135
|
-
|
|
136
|
-
// Number of iterations between pixel and sun
|
|
137
|
-
|
|
138
|
-
float iters = dist/fStepSize;
|
|
139
|
-
|
|
140
|
-
vec2 uv = vUv.xy;
|
|
141
|
-
float col = 0.0;
|
|
142
|
-
|
|
143
|
-
// This breaks ANGLE in Chrome 22
|
|
144
|
-
// - see http://code.google.com/p/chromium/issues/detail?id=153105
|
|
145
|
-
|
|
146
|
-
/*
|
|
147
|
-
// Unrolling didn't do much on my hardware (ATI Mobility Radeon 3450),
|
|
148
|
-
// so i've just left the loop
|
|
149
|
-
|
|
150
|
-
"for ( float i = 0.0; i < TAPS_PER_PASS; i += 1.0 ) {",
|
|
151
|
-
|
|
152
|
-
// Accumulate samples, making sure we don't walk past the light source.
|
|
153
|
-
|
|
154
|
-
// The check for uv.y < 1 would not be necessary with "border" UV wrap
|
|
155
|
-
// mode, with a black border color. I don't think this is currently
|
|
156
|
-
// exposed by three.js. As a result there might be artifacts when the
|
|
157
|
-
// sun is to the left, right or bottom of screen as these cases are
|
|
158
|
-
// not specifically handled.
|
|
159
|
-
|
|
160
|
-
" col += ( i <= iters && uv.y < 1.0 ? texture2D( tInput, uv ).r : 0.0 );",
|
|
161
|
-
" uv += stepv;",
|
|
162
|
-
|
|
163
|
-
"}",
|
|
164
|
-
*/
|
|
165
|
-
|
|
166
|
-
// Unrolling loop manually makes it work in ANGLE
|
|
167
|
-
|
|
168
|
-
float f = min( 1.0, max( vSunPositionScreenSpace.z / 1000.0, 0.0 ) ); // used to fade out godrays
|
|
169
|
-
|
|
170
|
-
if ( 0.0 <= iters && uv.y < 1.0 ) col += texture2D( tInput, uv ).r * f;
|
|
171
|
-
uv += stepv;
|
|
172
|
-
|
|
173
|
-
if ( 1.0 <= iters && uv.y < 1.0 ) col += texture2D( tInput, uv ).r * f;
|
|
174
|
-
uv += stepv;
|
|
175
|
-
|
|
176
|
-
if ( 2.0 <= iters && uv.y < 1.0 ) col += texture2D( tInput, uv ).r * f;
|
|
177
|
-
uv += stepv;
|
|
178
|
-
|
|
179
|
-
if ( 3.0 <= iters && uv.y < 1.0 ) col += texture2D( tInput, uv ).r * f;
|
|
180
|
-
uv += stepv;
|
|
181
|
-
|
|
182
|
-
if ( 4.0 <= iters && uv.y < 1.0 ) col += texture2D( tInput, uv ).r * f;
|
|
183
|
-
uv += stepv;
|
|
184
|
-
|
|
185
|
-
if ( 5.0 <= iters && uv.y < 1.0 ) col += texture2D( tInput, uv ).r * f;
|
|
186
|
-
uv += stepv;
|
|
187
|
-
|
|
188
|
-
// Should technically be dividing by 'iters but 'TAPS_PER_PASS' smooths out
|
|
189
|
-
// objectionable artifacts, in particular near the sun position. The side
|
|
190
|
-
// effect is that the result is darker than it should be around the sun, as
|
|
191
|
-
// TAPS_PER_PASS is greater than the number of samples actually accumulated.
|
|
192
|
-
// When the result is inverted (in the shader 'godrays_combine this produces
|
|
193
|
-
// a slight bright spot at the position of the sun, even when it is occluded.
|
|
194
|
-
|
|
195
|
-
gl_FragColor = vec4( col/TAPS_PER_PASS );
|
|
196
|
-
gl_FragColor.a = 1.0;
|
|
197
|
-
|
|
198
|
-
}`
|
|
199
|
-
|
|
200
|
-
};
|
|
201
|
-
|
|
202
|
-
/**
|
|
203
|
-
* Additively applies god rays from texture tGodRays to a background (tColors).
|
|
204
|
-
* fGodRayIntensity attenuates the god rays.
|
|
205
|
-
*
|
|
206
|
-
* @constant
|
|
207
|
-
* @type {ShaderMaterial~Shader}
|
|
208
|
-
*/
|
|
209
|
-
const GodRaysCombineShader = {
|
|
210
|
-
|
|
211
|
-
name: 'GodRaysCombineShader',
|
|
212
|
-
|
|
213
|
-
uniforms: {
|
|
214
|
-
|
|
215
|
-
tColors: {
|
|
216
|
-
value: null
|
|
217
|
-
},
|
|
218
|
-
|
|
219
|
-
tGodRays: {
|
|
220
|
-
value: null
|
|
221
|
-
},
|
|
222
|
-
|
|
223
|
-
fGodRayIntensity: {
|
|
224
|
-
value: 0.69
|
|
225
|
-
}
|
|
226
|
-
|
|
227
|
-
},
|
|
228
|
-
|
|
229
|
-
vertexShader: /* glsl */`
|
|
230
|
-
|
|
231
|
-
varying vec2 vUv;
|
|
232
|
-
|
|
233
|
-
void main() {
|
|
234
|
-
|
|
235
|
-
vUv = uv;
|
|
236
|
-
gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
|
|
237
|
-
|
|
238
|
-
}`,
|
|
239
|
-
|
|
240
|
-
fragmentShader: /* glsl */`
|
|
241
|
-
|
|
242
|
-
varying vec2 vUv;
|
|
243
|
-
|
|
244
|
-
uniform sampler2D tColors;
|
|
245
|
-
uniform sampler2D tGodRays;
|
|
246
|
-
|
|
247
|
-
uniform float fGodRayIntensity;
|
|
248
|
-
|
|
249
|
-
void main() {
|
|
250
|
-
|
|
251
|
-
// Since THREE.MeshDepthMaterial renders foreground objects white and background
|
|
252
|
-
// objects black, the god-rays will be white streaks. Therefore value is inverted
|
|
253
|
-
// before being combined with tColors
|
|
254
|
-
|
|
255
|
-
gl_FragColor = texture2D( tColors, vUv ) + fGodRayIntensity * vec4( 1.0 - texture2D( tGodRays, vUv ).r );
|
|
256
|
-
gl_FragColor.a = 1.0;
|
|
257
|
-
|
|
258
|
-
}`
|
|
259
|
-
|
|
260
|
-
};
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
/**
|
|
264
|
-
* A dodgy sun/sky shader. Makes a bright spot at the sun location. Would be
|
|
265
|
-
* cheaper/faster/simpler to implement this as a simple sun sprite.
|
|
266
|
-
*
|
|
267
|
-
* @constant
|
|
268
|
-
* @type {Object}
|
|
269
|
-
*/
|
|
270
|
-
const GodRaysFakeSunShader = {
|
|
271
|
-
|
|
272
|
-
name: 'GodRaysFakeSunShader',
|
|
273
|
-
|
|
274
|
-
uniforms: {
|
|
275
|
-
|
|
276
|
-
vSunPositionScreenSpace: {
|
|
277
|
-
value: new Vector3()
|
|
278
|
-
},
|
|
279
|
-
|
|
280
|
-
fAspect: {
|
|
281
|
-
value: 1.0
|
|
282
|
-
},
|
|
283
|
-
|
|
284
|
-
sunColor: {
|
|
285
|
-
value: new Color( 0xffee00 )
|
|
286
|
-
},
|
|
287
|
-
|
|
288
|
-
bgColor: {
|
|
289
|
-
value: new Color( 0x000000 )
|
|
290
|
-
}
|
|
291
|
-
|
|
292
|
-
},
|
|
293
|
-
|
|
294
|
-
vertexShader: /* glsl */`
|
|
295
|
-
|
|
296
|
-
varying vec2 vUv;
|
|
297
|
-
|
|
298
|
-
void main() {
|
|
299
|
-
|
|
300
|
-
vUv = uv;
|
|
301
|
-
gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
|
|
302
|
-
|
|
303
|
-
}`,
|
|
304
|
-
|
|
305
|
-
fragmentShader: /* glsl */`
|
|
306
|
-
|
|
307
|
-
varying vec2 vUv;
|
|
308
|
-
|
|
309
|
-
uniform vec3 vSunPositionScreenSpace;
|
|
310
|
-
uniform float fAspect;
|
|
311
|
-
|
|
312
|
-
uniform vec3 sunColor;
|
|
313
|
-
uniform vec3 bgColor;
|
|
314
|
-
|
|
315
|
-
void main() {
|
|
316
|
-
|
|
317
|
-
vec2 diff = vUv - vSunPositionScreenSpace.xy;
|
|
318
|
-
|
|
319
|
-
// Correct for aspect ratio
|
|
320
|
-
|
|
321
|
-
diff.x *= fAspect;
|
|
322
|
-
|
|
323
|
-
float prop = clamp( length( diff ) / 0.5, 0.0, 1.0 );
|
|
324
|
-
prop = 0.35 * pow( 1.0 - prop, 3.0 );
|
|
325
|
-
|
|
326
|
-
gl_FragColor.xyz = ( vSunPositionScreenSpace.z > 0.0 ) ? mix( sunColor, bgColor, 1.0 - prop ) : bgColor;
|
|
327
|
-
gl_FragColor.w = 1.0;
|
|
328
|
-
|
|
329
|
-
}`
|
|
330
|
-
|
|
331
|
-
};
|
|
332
|
-
|
|
333
|
-
export { GodRaysDepthMaskShader, GodRaysGenerateShader, GodRaysCombineShader, GodRaysFakeSunShader };
|
|
@@ -1,145 +0,0 @@
|
|
|
1
|
-
import { UVMapping } from '../../constants.js';
|
|
2
|
-
import { Euler } from '../../math/Euler.js';
|
|
3
|
-
import { Matrix4 } from '../../math/Matrix4.js';
|
|
4
|
-
import Node from '../core/Node.js';
|
|
5
|
-
import { renderGroup } from '../core/UniformGroupNode.js';
|
|
6
|
-
import { nodeImmutable, uniform } from '../tsl/TSLBase.js';
|
|
7
|
-
import { reference } from './ReferenceNode.js';
|
|
8
|
-
import { error } from '../../utils.js';
|
|
9
|
-
|
|
10
|
-
const _e1 = /*@__PURE__*/ new Euler();
|
|
11
|
-
const _m1 = /*@__PURE__*/ new Matrix4();
|
|
12
|
-
|
|
13
|
-
/**
|
|
14
|
-
* This module allows access to a collection of scene properties. The following predefined TSL objects
|
|
15
|
-
* are available for easier use:
|
|
16
|
-
*
|
|
17
|
-
* - `backgroundBlurriness`: A node that represents the scene's background blurriness.
|
|
18
|
-
* - `backgroundIntensity`: A node that represents the scene's background intensity.
|
|
19
|
-
* - `backgroundRotation`: A node that represents the scene's background rotation.
|
|
20
|
-
*
|
|
21
|
-
* @augments Node
|
|
22
|
-
*/
|
|
23
|
-
class SceneNode extends Node {
|
|
24
|
-
|
|
25
|
-
static get type() {
|
|
26
|
-
|
|
27
|
-
return 'SceneNode';
|
|
28
|
-
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
/**
|
|
32
|
-
* Constructs a new scene node.
|
|
33
|
-
*
|
|
34
|
-
* @param {('backgroundBlurriness'|'backgroundIntensity'|'backgroundRotation')} scope - The scope defines the type of scene property that is accessed.
|
|
35
|
-
* @param {?Scene} [scene=null] - A reference to the scene.
|
|
36
|
-
*/
|
|
37
|
-
constructor( scope = SceneNode.BACKGROUND_BLURRINESS, scene = null ) {
|
|
38
|
-
|
|
39
|
-
super();
|
|
40
|
-
|
|
41
|
-
/**
|
|
42
|
-
* The scope defines the type of scene property that is accessed.
|
|
43
|
-
*
|
|
44
|
-
* @type {('backgroundBlurriness'|'backgroundIntensity'|'backgroundRotation')}
|
|
45
|
-
*/
|
|
46
|
-
this.scope = scope;
|
|
47
|
-
|
|
48
|
-
/**
|
|
49
|
-
* A reference to the scene that is going to be accessed.
|
|
50
|
-
*
|
|
51
|
-
* @type {?Scene}
|
|
52
|
-
* @default null
|
|
53
|
-
*/
|
|
54
|
-
this.scene = scene;
|
|
55
|
-
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
/**
|
|
59
|
-
* Depending on the scope, the method returns a different type of node that represents
|
|
60
|
-
* the respective scene property.
|
|
61
|
-
*
|
|
62
|
-
* @param {NodeBuilder} builder - The current node builder.
|
|
63
|
-
* @return {Node} The output node.
|
|
64
|
-
*/
|
|
65
|
-
setup( builder ) {
|
|
66
|
-
|
|
67
|
-
const scope = this.scope;
|
|
68
|
-
const scene = this.scene !== null ? this.scene : builder.scene;
|
|
69
|
-
|
|
70
|
-
let output;
|
|
71
|
-
|
|
72
|
-
if ( scope === SceneNode.BACKGROUND_BLURRINESS ) {
|
|
73
|
-
|
|
74
|
-
output = reference( 'backgroundBlurriness', 'float', scene );
|
|
75
|
-
|
|
76
|
-
} else if ( scope === SceneNode.BACKGROUND_INTENSITY ) {
|
|
77
|
-
|
|
78
|
-
output = reference( 'backgroundIntensity', 'float', scene );
|
|
79
|
-
|
|
80
|
-
} else if ( scope === SceneNode.BACKGROUND_ROTATION ) {
|
|
81
|
-
|
|
82
|
-
output = uniform( 'mat4' ).setName( 'backgroundRotation' ).setGroup( renderGroup ).onRenderUpdate( () => {
|
|
83
|
-
|
|
84
|
-
const background = scene.background;
|
|
85
|
-
|
|
86
|
-
if ( background !== null && background.isTexture && background.mapping !== UVMapping ) {
|
|
87
|
-
|
|
88
|
-
_e1.copy( scene.backgroundRotation );
|
|
89
|
-
|
|
90
|
-
// accommodate left-handed frame
|
|
91
|
-
_e1.x *= - 1; _e1.y *= - 1; _e1.z *= - 1;
|
|
92
|
-
|
|
93
|
-
_m1.makeRotationFromEuler( _e1 );
|
|
94
|
-
|
|
95
|
-
} else {
|
|
96
|
-
|
|
97
|
-
_m1.identity();
|
|
98
|
-
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
return _m1;
|
|
102
|
-
|
|
103
|
-
} );
|
|
104
|
-
|
|
105
|
-
} else {
|
|
106
|
-
|
|
107
|
-
error( 'SceneNode: Unknown scope:', scope );
|
|
108
|
-
|
|
109
|
-
}
|
|
110
|
-
|
|
111
|
-
return output;
|
|
112
|
-
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
SceneNode.BACKGROUND_BLURRINESS = 'backgroundBlurriness';
|
|
118
|
-
SceneNode.BACKGROUND_INTENSITY = 'backgroundIntensity';
|
|
119
|
-
SceneNode.BACKGROUND_ROTATION = 'backgroundRotation';
|
|
120
|
-
|
|
121
|
-
export default SceneNode;
|
|
122
|
-
|
|
123
|
-
/**
|
|
124
|
-
* TSL object that represents the scene's background blurriness.
|
|
125
|
-
*
|
|
126
|
-
* @tsl
|
|
127
|
-
* @type {SceneNode}
|
|
128
|
-
*/
|
|
129
|
-
export const backgroundBlurriness = /*@__PURE__*/ nodeImmutable( SceneNode, SceneNode.BACKGROUND_BLURRINESS );
|
|
130
|
-
|
|
131
|
-
/**
|
|
132
|
-
* TSL object that represents the scene's background intensity.
|
|
133
|
-
*
|
|
134
|
-
* @tsl
|
|
135
|
-
* @type {SceneNode}
|
|
136
|
-
*/
|
|
137
|
-
export const backgroundIntensity = /*@__PURE__*/ nodeImmutable( SceneNode, SceneNode.BACKGROUND_INTENSITY );
|
|
138
|
-
|
|
139
|
-
/**
|
|
140
|
-
* TSL object that represents the scene's background rotation.
|
|
141
|
-
*
|
|
142
|
-
* @tsl
|
|
143
|
-
* @type {SceneNode}
|
|
144
|
-
*/
|
|
145
|
-
export const backgroundRotation = /*@__PURE__*/ nodeImmutable( SceneNode, SceneNode.BACKGROUND_ROTATION );
|