hide scene background when playing video

src/components/InteractiveObjects/VideoPlayer.js

@@ -41,6 +41,9 @@ class VideoPlayer extends EventManager {
                             skipTransition: data.skipTransition
                         });
                     }
+                    if (data.hideBackground || 1){
+                        engine.showBackground(false);
+                    }
                 }
 
                 const onPause = ()=>{
@@ -49,6 +52,9 @@ class VideoPlayer extends EventManager {
                             skipTransition: data.skipTransition
                         });
                     }
+                    if (data.hideBackground || 1){
+                        engine.showBackground(true);
+                    }
                 }
 
                 vi.addEventListener('play', onPlay);

src/lib/GameEngine.js

@@ -594,16 +594,12 @@ class GameEngine extends THREE.EventDispatcher{
         this.ambientSound.play();
     }
 
-    showBackground(show){
+    showBackground(show, t = 1){
-        if (show){
+        this.motionQueue.add({
-            this.motionQueue.add({
+            o: this.scene,
-                o: this.scene,
+            a: { backgroundIntensity: show ? 1 : 0},
-                a: { backgroundIntensity: 1},
+            t
-                t: 15
+        })
-            })
-        }else{
-            this.scene.backgroundIntensity = 0;
-        }
     }
 
     static textureLoader = new THREE.TextureLoader();

src/mixins/GameEnvironmentMixin.js

@@ -143,7 +143,6 @@ export default {
             let l = target.objects;
             if (this.scene.data.$environment){
                 await gameEngine.loadPanorama(this.scene.data.$environment.asset.name);
-                gameEngine.showBackground(false);
             }
             if (this.scene.data.$scene){
                 let env = await gameEngine.load(this.scene.data.$scene.asset.name);
@@ -225,7 +224,8 @@ export default {
                 intro = await new VideoPlayer(gameEngine, {
                     $go: this.scene.data.$intro, 
                     skipTransition: true, 
-                    playInHud: true
+                    playInHud: true,
+                    hideBackground: true
                 });
                 gameEngine.activeObjects.add(intro.object);
                 intro.video.addEventListener('pause',()=>{