react-three-game 0.0.88 → 0.0.89

package/dist/tools/prefabeditor/components/SoundComponent.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useRef } from 'react';
+import { useThree } from '@react-three/fiber';
 import { SoundPicker } from '../../assetviewer/page';
 import { useAssetRuntime, useEntityRuntime } from '../assetRuntime';
 import { gameEvents } from '../GameEvents';
@@ -142,6 +143,7 @@ function SoundComponentEditor({ component, onUpdate, basePath = '' }) {
 function SoundComponentView({ properties, children }) {
     const { getSound } = useAssetRuntime();
     const { editMode, nodeId } = useEntityRuntime();
+    const { camera } = useThree();
     const { eventName, autoplay = false, positional = false, refDistance = 1, maxDistance = 24, rolloffFactor = 1, distanceModel = 'inverse' } = properties;
     const sequenceIndexRef = useRef(0);
     const listenerRef = useRef(null);
@@ -150,6 +152,22 @@ function SoundComponentView({ properties, children }) {
     if (!listenerRef.current) {
         listenerRef.current = getSharedAudioListener();
     }
+    useEffect(() => {
+        var _a;
+        const listener = listenerRef.current;
+        if (!listener) {
+            return;
+        }
+        if (listener.parent !== camera) {
+            (_a = listener.parent) === null || _a === void 0 ? void 0 : _a.remove(listener);
+            camera.add(listener);
+        }
+        return () => {
+            if (listener.parent === camera) {
+                camera.remove(listener);
+            }
+        };
+    }, [camera]);
     useEffect(() => {
         const audio = positionalAudioRef.current;
         if (!audio) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-three-game",
-  "version": "0.0.88",
+  "version": "0.0.89",
   "description": "high performance 3D game engine built in React",
   "main": "dist/index.js",
   "module": "dist/index.js",