From f7a44dd0f11fcce542f444f736ab04cdd20eed58 Mon Sep 17 00:00:00 2001
From: Nathan Bierema <nbierema@gmail.com>
Date: Tue, 5 Dec 2023 18:54:28 -0500
Subject: [PATCH] WebGLUniformsGroups: Support for array of Uniform Buffer
 Object (#701)

* WebGLUniformsGroups: Support for array of Uniform Buffer Object

* Update three.js

* Add examples

* Update patch

* Delete examples
---
 examples-testing/changes.patch          | 63 ++++++++++++++++++++++++-
 examples-testing/index.js               |  1 +
 three.js                                |  2 +-
 types/three/src/core/UniformsGroup.d.ts |  6 +--
 4 files changed, 67 insertions(+), 5 deletions(-)

diff --git a/examples-testing/changes.patch b/examples-testing/changes.patch
index 420354cfb..9d432aaef 100644
--- a/examples-testing/changes.patch
+++ b/examples-testing/changes.patch
@@ -2117,6 +2117,67 @@ index e296fdc..527b9a7 100644
              child.rotation.x += delta * 0.5;
              child.rotation.y += delta * 0.3;
          }
+diff --git a/examples-testing/examples/webgl2_ubo_arrays.ts b/examples-testing/examples/webgl2_ubo_arrays.ts
+index 74d9a62..ca43ef5 100644
+--- a/examples-testing/examples/webgl2_ubo_arrays.ts
++++ b/examples-testing/examples/webgl2_ubo_arrays.ts
+@@ -5,11 +5,15 @@ import Stats from 'three/addons/libs/stats.module.js';
+ import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
+ import { GUI } from 'three/addons/libs/lil-gui.module.min.js';
+ 
+-let camera, scene, renderer, clock, stats;
++let camera: THREE.PerspectiveCamera,
++    scene: THREE.Scene,
++    renderer: THREE.WebGLRenderer,
++    clock: THREE.Clock,
++    stats: Stats;
+ 
+-let lightingUniformsGroup, lightCenters;
++let lightingUniformsGroup: THREE.UniformsGroup, lightCenters: { x: number; z: number }[];
+ 
+-const container = document.getElementById('container');
++const container = document.getElementById('container')!;
+ 
+ const pointLightsMax = 300;
+ 
+@@ -78,8 +82,8 @@ function init() {
+         defines: {
+             POINTLIGHTS_MAX: pointLightsMax,
+         },
+-        vertexShader: document.getElementById('vertexShader').textContent,
+-        fragmentShader: document.getElementById('fragmentShader').textContent,
++        vertexShader: document.getElementById('vertexShader')!.textContent!,
++        fragmentShader: document.getElementById('fragmentShader')!.textContent!,
+         glslVersion: THREE.GLSL3,
+     });
+ 
+@@ -123,7 +127,7 @@ function init() {
+     // controls
+ 
+     const controls = new OrbitControls(camera, renderer.domElement);
+-    controls.enabledPan = false;
++    controls.enablePan = false;
+ 
+     // stats
+ 
+@@ -135,7 +139,7 @@ function init() {
+     gui.add(api, 'count', 1, pointLightsMax)
+         .step(1)
+         .onChange(function () {
+-            lightingUniformsGroup.uniforms[2].value = api.count;
++            (lightingUniformsGroup.uniforms[2] as THREE.Uniform).value = api.count;
+         });
+ }
+ 
+@@ -155,7 +159,7 @@ function animate() {
+ 
+     const elapsedTime = clock.getElapsedTime();
+ 
+-    const lights = lightingUniformsGroup.uniforms[0];
++    const lights = lightingUniformsGroup.uniforms[0] as THREE.Uniform[];
+ 
+     // Parameters for circular movement
+     const radius = 5; // Smaller radius for individual circular movements
 diff --git a/examples-testing/examples/webgl2_volume_cloud.ts b/examples-testing/examples/webgl2_volume_cloud.ts
 index bc54732..7fe4043 100644
 --- a/examples-testing/examples/webgl2_volume_cloud.ts
@@ -6591,7 +6652,7 @@ index b3ca12c..47dca0a 100644
      const geometry = new WireframeGeometry2(geo);
  
 diff --git a/examples-testing/examples/webgl_loader_3dm.ts b/examples-testing/examples/webgl_loader_3dm.ts
-index c0ff73f..d910753 100644
+index 545970a..c90ffcf 100644
 --- a/examples-testing/examples/webgl_loader_3dm.ts
 +++ b/examples-testing/examples/webgl_loader_3dm.ts
 @@ -5,8 +5,8 @@ import { Rhino3dmLoader } from 'three/addons/loaders/3DMLoader.js';
diff --git a/examples-testing/index.js b/examples-testing/index.js
index 00f0cb2a2..e40b59d56 100644
--- a/examples-testing/index.js
+++ b/examples-testing/index.js
@@ -312,6 +312,7 @@ const files = {
         // 'webgl2_rendertarget_texture2darray',
         'webgl2_texture2darray_compressed',
         'webgl2_ubo',
+        'webgl2_ubo_arrays',
         'webgl2_volume_cloud',
         'webgl2_volume_instancing',
         'webgl2_volume_perlin',
diff --git a/three.js b/three.js
index 09fe0527a..fa93997ac 160000
--- a/three.js
+++ b/three.js
@@ -1 +1 @@
-Subproject commit 09fe0527a9aa5aaca7aaf17531e6c0d0efaa8c59
+Subproject commit fa93997ac7d9042643c084bd73fa0e7d1aaefb26
diff --git a/types/three/src/core/UniformsGroup.d.ts b/types/three/src/core/UniformsGroup.d.ts
index 4df29ac4c..0af8d8be2 100644
--- a/types/three/src/core/UniformsGroup.d.ts
+++ b/types/three/src/core/UniformsGroup.d.ts
@@ -15,11 +15,11 @@ export class UniformsGroup extends EventDispatcher<{ dispose: {} }> {
 
     usage: Usage;
 
-    uniforms: Uniform[];
+    uniforms: Array<Uniform | Uniform[]>;
 
-    add(uniform: Uniform): this;
+    add(uniform: Uniform | Uniform[]): this;
 
-    remove(uniform: Uniform): this;
+    remove(uniform: Uniform | Uniform[]): this;
 
     setName(name: string): this;