Addons: Refactored InteractiveGroup. (#834)

* Addons: Refactored InteractiveGroup.

* Update three.js

* Add examples

* Update patch

* Delete examples

examples-testing/changes.patch

@@ -14522,7 +14522,7 @@ index b659652..06e3224 100644
  //
 
 diff --git a/examples-testing/examples/webxr_vr_sandbox.ts b/examples-testing/examples/webxr_vr_sandbox.ts
-index aa80cf7..e929206 100644
+index 6ffadcf..b3b80e3 100644
 --- a/examples-testing/examples/webxr_vr_sandbox.ts
 +++ b/examples-testing/examples/webxr_vr_sandbox.ts
 @@ -12,9 +12,9 @@ import { XRControllerModelFactory } from 'three/addons/webxr/XRControllerModelFa
@@ -14538,7 +14538,7 @@ index aa80cf7..e929206 100644
 
  const parameters = {
      radius: 0.6,
-@@ -197,7 +197,7 @@ function animate() {
+@@ -199,7 +199,7 @@ function animate() {
 
  function render() {
      const time = performance.now() * 0.0002;
@@ -14547,7 +14547,7 @@ index aa80cf7..e929206 100644
      torus.rotation.x = time * 0.4;
      torus.rotation.y = time;
 
-@@ -205,5 +205,9 @@ function render() {
+@@ -207,5 +207,9 @@ function render() {
      stats.update();
 
      // Canvas elements doesn't trigger DOM updates, so we have to update the texture

types/three/examples/jsm/interactive/InteractiveGroup.d.ts

@@ -14,5 +14,7 @@ export interface InteractiveObject3DEventMap extends Object3DEventMap {
 export class InteractiveObject3D extends Object3D<InteractiveObject3DEventMap> {}
 
 export class InteractiveGroup extends Group {
-    constructor(renderer: WebGLRenderer, camera: Camera);
+    listenToPointerEvents(renderer: WebGLRenderer, camera: Camera): void;
+
+    listenToXRControllerEvents(renderer: WebGLRenderer): void;
 }