maybe fix volume bug

basementstudio · Dec 2, 2022 · b758cec · b758cec · vercel · Dec 2, 2022
1 parent 78f5fb7
commit b758cec
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 7 deletions.
diff --git a/src/experiments/39.ffflauta-scene.js b/src/experiments/39.ffflauta-scene.js
@@ -439,15 +439,24 @@ const AudioButton = ({ interacted }) => {
   )
 
   useEffect(() => {
-    if (!shouldBeMuted) {
-      music.mute(shouldBeMuted)
+    if (interacted) {
+      music.mute(false)
     }
+  }, [music, interacted])
 
+  useGsapContext(() => {
     const fromTo = [0, 0.5]
 
     shouldBeMuted && fromTo.reverse()
 
-    music.fade(...fromTo, 1500)
+    const volume = { value: fromTo[0] }
+
+    gsap.to(volume, {
+      value: fromTo[1],
+      duration: 1.5,
+      ease: 'none',
+      onUpdate: () => music.volume(volume.value)
+    })
   }, [music, shouldBeMuted])
 
   useEffect(() => {

diff --git a/src/hooks/use-image-loader.ts b/src/hooks/use-image-loader.ts
@@ -32,8 +32,6 @@ export const useProgress = create<State>((set, get) => {
 
       if (alreadyExists) return
 
-      console.log('Register', id)
-
       set({ store: { ...store, [id]: { object, complete: false } } })
       set({ progress: getProgress() })
     },
@@ -44,8 +42,6 @@ export const useProgress = create<State>((set, get) => {
       /* If doesn't exist or if already complete return */
       if (trgtObj === undefined || trgtObj?.complete) return
 
-      console.log('Complete for', id)
-
       set({
         store: {
           ...store,