ProgressiveLightMap: Add WebGPU version.

examples-testing/changes.patch

@@ -15598,6 +15598,62 @@ index 4ce8b0a7..d41bc6f4 100644
 
  init();
 
+diff --git a/examples-testing/examples/webgpu_shadowmap_progressive.ts b/examples-testing/examples/webgpu_shadowmap_progressive.ts
+index 5290c670..3bf0ecf6 100644
+--- a/examples-testing/examples/webgpu_shadowmap_progressive.ts
++++ b/examples-testing/examples/webgpu_shadowmap_progressive.ts
+@@ -1,4 +1,4 @@
+-import * as THREE from 'three';
++import * as THREE from 'three/webgpu';
+ import { GUI } from 'three/addons/libs/lil-gui.module.min.js';
+ import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
+ import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
+@@ -9,17 +9,17 @@ import { ProgressiveLightMap } from 'three/addons/misc/ProgressiveLightMapGPU.js
+ const shadowMapRes = 1024,
+     lightMapRes = 1024,
+     lightCount = 4;
+-let camera,
+-    scene,
+-    renderer,
+-    controls,
+-    control,
++let camera: THREE.PerspectiveCamera,
++    scene: THREE.Scene,
++    renderer: THREE.WebGPURenderer,
++    controls: OrbitControls,
++    control: TransformControls,
+     control2,
+-    object = new THREE.Mesh(),
+-    lightOrigin = null,
+-    progressiveSurfacemap;
+-const dirLights = [],
+-    lightmapObjects = [];
++    object: THREE.Object3D = new THREE.Mesh(),
++    lightOrigin: THREE.Group,
++    progressiveSurfacemap: ProgressiveLightMap;
++const dirLights: THREE.DirectionalLight[] = [],
++    lightmapObjects: THREE.Object3D[] = [];
+ const params = {
+     Enable: true,
+     'Blur Edges': true,
+@@ -99,14 +99,14 @@ function init() {
+     // model
+     function loadModel() {
+         object.traverse(function (child) {
+-            if (child.isMesh) {
++            if ((child as THREE.Mesh).isMesh) {
+                 child.name = 'Loaded Mesh';
+                 child.castShadow = true;
+                 child.receiveShadow = true;
+-                child.material = new THREE.MeshPhongMaterial();
++                (child as THREE.Mesh).material = new THREE.MeshPhongMaterial();
+
+                 // This adds the model to the lightmap
+-                lightmapObjects.push(child);
++                lightmapObjects.push(child as THREE.Mesh);
+                 progressiveSurfacemap.addObjectsToLightMap(lightmapObjects);
+             } else {
+                 child.layers.disableAll(); // Disable Rendering for this
 diff --git a/examples-testing/examples/webgpu_shadowmap_vsm.ts b/examples-testing/examples/webgpu_shadowmap_vsm.ts
 index a9f6f0e5..c68aa5fc 100644
 --- a/examples-testing/examples/webgpu_shadowmap_vsm.ts

types/three/examples/jsm/misc/ProgressiveLightMapGPU.d.ts

@@ -0,0 +1,27 @@
+import { Camera, Material, Object3D, Vector3, WebGPURenderer } from "three/webgpu";
+
+export interface UVBoxes {
+    w: number;
+    h: number;
+    index: number;
+}
+
+export interface LightMapContainers {
+    basicMat: Material | Material[];
+    object: Object3D;
+}
+
+declare class ProgressiveLightMap {
+    renderer: WebGPURenderer;
+    resolution: number;
+
+    constructor(renderer: WebGPURenderer, resolution?: number);
+
+    addObjectsToLightMap(objects: Object3D[]): void;
+
+    update(camera: Camera, blendWindow?: number, blurEdges?: boolean): void;
+
+    showDebugLightmap(visible: boolean, position?: Vector3 | null): void;
+}
+
+export { ProgressiveLightMap };