Addons: Add TRAAPassNode. (#1341)

* Addons: Add TRAAPassNode. * Update three.js * Add examples * Update patch and delete examples
three-types · Nov 10, 2024 · bb8f3c2 · bb8f3c2
1 parent 89faa15
commit bb8f3c2
Show file tree

Hide file tree

Showing 4 changed files with 42 additions and 1 deletion.
diff --git a/examples-testing/changes.patch b/examples-testing/changes.patch
@@ -15376,6 +15376,28 @@ index a8995b5c..9afd9009 100644
 
      geometry = new THREE.BoxGeometry(0.05, 0.05, 0.05);
      material = new THREE.MeshStandardNodeMaterial({ color: 'green', metalness: 0.3 });
+diff --git a/examples-testing/examples/webgpu_postprocessing_traa.ts b/examples-testing/examples/webgpu_postprocessing_traa.ts
+index 9a5558e9..05dbf9db 100644
+--- a/examples-testing/examples/webgpu_postprocessing_traa.ts
++++ b/examples-testing/examples/webgpu_postprocessing_traa.ts
+@@ -1,11 +1,14 @@
+-import * as THREE from 'three';
++import * as THREE from 'three/webgpu';
+ import { mrt, output, velocity } from 'three/tsl';
+ import { traaPass } from 'three/addons/tsl/display/TRAAPassNode.js';
+
+ import Stats from 'three/addons/libs/stats.module.js';
+
+-let camera, scene, renderer, postProcessing;
+-let stats;
++let camera: THREE.PerspectiveCamera,
++    scene: THREE.Scene,
++    renderer: THREE.WebGPURenderer,
++    postProcessing: THREE.PostProcessing;
++let stats: Stats;
+ let index = 0;
+
+ init();
 diff --git a/examples-testing/examples/webgpu_postprocessing_transition.ts b/examples-testing/examples/webgpu_postprocessing_transition.ts
 index dc70b8e9..8c9da56f 100644
 --- a/examples-testing/examples/webgpu_postprocessing_transition.ts

diff --git a/three.js b/three.js
diff --git a/types/three/examples/jsm/tsl/display/TRAAPassNode.d.ts b/types/three/examples/jsm/tsl/display/TRAAPassNode.d.ts
@@ -0,0 +1,15 @@
+import { Camera, ColorRepresentation, Scene } from "three";
+import { PassNode, ShaderNodeObject } from "three/tsl";
+
+declare class TRAAPassNode extends PassNode {
+    readonly isTRAAPassNode: true;
+
+    clearColor: ColorRepresentation;
+    clearAlpha: number;
+
+    constructor(scene: Scene, camera: Camera);
+}
+
+export default TRAAPassNode;
+
+export const traaPass: (scene: Scene, camera: Camera) => ShaderNodeObject<TRAAPassNode>;
diff --git a/types/three/src/nodes/accessors/VelocityNode.d.ts b/types/three/src/nodes/accessors/VelocityNode.d.ts
@@ -4,11 +4,15 @@ import UniformNode from "../core/UniformNode.js";
 import { ShaderNodeObject } from "../tsl/TSLCore.js";
 
 declare class VelocityNode extends TempNode {
+    projectionMatrix: Matrix4 | null;
+
     previousModelWorldMatrix: UniformNode<Matrix4>;
     previousProjectionMatrix: UniformNode<Matrix4>;
     previousCameraViewMatrix: UniformNode<Matrix4>;
 
     constructor();
+
+    setProjectionMatrix(projectionMatrix: Matrix4 | null): void;
 }
 
 export default VelocityNode;
+6,656 −6,594		build/three.webgpu.js
+1 −1		build/three.webgpu.min.js
+6,656 −6,594		build/three.webgpu.nodes.js
+1 −1		build/three.webgpu.nodes.min.js
+4 −4		docs/manual/ja/introduction/How-to-use-post-processing.html
+1 −0		examples/files.json
+6 −3		examples/jsm/renderers/CSS2DRenderer.js
+7 −4		examples/jsm/renderers/CSS3DRenderer.js
+347 −0		examples/jsm/tsl/display/TRAAPassNode.js
+ −		examples/screenshots/webgpu_postprocessing_traa.jpg
+127 −0		examples/webgpu_postprocessing_traa.html
+13 −3		src/nodes/accessors/VelocityNode.js
+4 −0		src/renderers/shaders/ShaderChunk/colorspace_pars_fragment.glsl.js
+8 −0		src/renderers/shaders/ShaderChunk/emissivemap_fragment.glsl.js
+2 −2		src/renderers/shaders/ShaderChunk/map_fragment.glsl.js
+5 −2		src/renderers/webgl-fallback/WebGLBackend.js
+31 −5		src/renderers/webgl-fallback/utils/WebGLTextureUtils.js
+1 −0		src/renderers/webgl/WebGLProgram.js
+4 −1		src/renderers/webgl/WebGLPrograms.js
+1 −0		test/e2e/puppeteer.js