Nodes: Add SSAAPassNode. (#1187)

* Nodes: Add SSAAPassNode.

* Update three.js

* Add examples

* Update patch and delete examples

examples-testing/changes.patch

@@ -15120,6 +15120,47 @@ index cbc5a96b..66ec682e 100644
 
  const params = {
      enable: true,
+diff --git a/examples-testing/examples/webgpu_postprocessing_ssaa.ts b/examples-testing/examples/webgpu_postprocessing_ssaa.ts
+index 76e3a95c..7748d8f0 100644
+--- a/examples-testing/examples/webgpu_postprocessing_ssaa.ts
++++ b/examples-testing/examples/webgpu_postprocessing_ssaa.ts
+@@ -1,13 +1,13 @@
+-import * as THREE from 'three';
+-import { ssaaPass } from 'three/tsl';
++import * as THREE from 'three/webgpu';
++import { ssaaPass, SSAAPassNode, ShaderNodeObject } from 'three/tsl';
+
+ import { Timer } from 'three/addons/misc/Timer.js';
+ import Stats from 'three/addons/libs/stats.module.js';
+ import { GUI } from 'three/addons/libs/lil-gui.module.min.js';
+
+-let scene, mesh, renderer, postProcessing;
+-let camera, ssaaRenderPass;
+-let gui, stats, timer;
++let scene: THREE.Scene, mesh: THREE.InstancedMesh, renderer: THREE.WebGPURenderer, postProcessing: THREE.PostProcessing;
++let camera: THREE.PerspectiveCamera, ssaaRenderPass: ShaderNodeObject<SSAAPassNode>;
++let gui: GUI | undefined, stats: Stats, timer: Timer;
+
+ const params = {
+     sampleLevel: 3,
+@@ -148,7 +148,7 @@ function animate() {
+         mesh.rotation.y += delta * 0.5;
+     }
+
+-    let newColor = ssaaRenderPass.clearColor;
++    let newColor: THREE.ColorRepresentation = ssaaRenderPass.clearColor;
+
+     switch (params.clearColor) {
+         case 'blue':
+@@ -173,7 +173,7 @@ function animate() {
+
+     ssaaRenderPass.sampleLevel = params.sampleLevel;
+
+-    camera.view.offsetX = params.viewOffsetX;
++    camera.view!.offsetX = params.viewOffsetX;
+
+     postProcessing.render();
+
 diff --git a/examples-testing/examples/webgpu_postprocessing_transition.ts b/examples-testing/examples/webgpu_postprocessing_transition.ts
 index b66bad12..babbe1a9 100644
 --- a/examples-testing/examples/webgpu_postprocessing_transition.ts

types/three/src/nodes/Nodes.d.ts

@@ -337,6 +337,7 @@ export { default as RenderOutputNode, renderOutput } from "./display/RenderOutpu
 export { default as RGBShiftNode, rgbShift } from "./display/RGBShiftNode.js";
 export { sepia } from "./display/SepiaNode.js";
 export { default as SobelOperatorNode, sobel } from "./display/SobelOperatorNode.js";
+export { default as SSAAPassNode, ssaaPass } from "./display/SSAAPassNode.js";
 export { default as ToneMappingNode, toneMapping } from "./display/ToneMappingNode.js";
 export { default as TransitionNode, transition } from "./display/TransitionNode.js";
 export {

types/three/src/nodes/core/MRTNode.d.ts

@@ -1,7 +1,10 @@
+import { Texture } from "../../textures/Texture.js";
 import { Node } from "../Nodes.js";
 import { ShaderNodeObject } from "../shadernode/ShaderNode.js";
 import OutputStructNode from "./OutputStructNode.js";
 
+export function getTextureIndex(textures: ReadonlyArray<Texture>, name: string): number;
+
 declare class MRTNode extends OutputStructNode {
     outputNodes: { [name: string]: Node };
 

types/three/src/nodes/display/SSAAPassNode.d.ts

@@ -0,0 +1,26 @@
+import { Camera } from "../../cameras/Camera.js";
+import { RenderTarget } from "../../core/RenderTarget.js";
+import { Color } from "../../math/Color.js";
+import { Scene } from "../../scenes/Scene.js";
+import UniformNode from "../core/UniformNode.js";
+import { ShaderNodeObject } from "../shadernode/ShaderNode.js";
+import PassNode from "./PassNode.js";
+
+declare class SSAAPassNode extends PassNode {
+    readonly isSSAAPassNode: boolean;
+
+    sampleLevel: number;
+    unbiased: boolean;
+    clearColor: Color;
+    clearAlpha: number;
+
+    sampleWeight: UniformNode<number>;
+
+    sampleRenderTarget: RenderTarget | null;
+
+    constructor(scene: Scene, camera: Camera);
+}
+
+export const ssaaPass: (scene: Scene, camera: Camera) => ShaderNodeObject<SSAAPassNode>;
+
+export default SSAAPassNode;