Try to prevent canvas flicker on first render

hubol · Dec 5, 2023 · b775d56 · b775d56
1 parent 873dd88
commit b775d56
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/src/igua/globals.ts b/src/igua/globals.ts
@@ -20,6 +20,15 @@ export const sceneStack = new IguaSceneStack(layers, (_scene) => scene = _scene)
 export function installGlobals(_renderer: PixiRenderer) {
     renderer = _renderer;
 
+    renderer.view.style.opacity = '0';
+
+    const displayCanvas = () => {
+        if (ticker.ticks >= 1) {
+            ticker.remove(displayCanvas);
+            renderer.view.style.opacity = '';
+        }
+    };
+
     const ticker = new AsshatTicker();
 
     KeyListener.start();
@@ -31,6 +40,8 @@ export function installGlobals(_renderer: PixiRenderer) {
         Collision.recycleRectangles();
     });
 
+    ticker.add(displayCanvas);
+
     const animator = new Animator(60);
     animator.start();
 

diff --git a/src/lib/environment.ts b/src/lib/environment.ts
@@ -26,6 +26,6 @@ export const Environment = {
         return window.location.href.includes('hwcdn');
     },
     get requiresUserGestureForSound() {
-        return true; // TODO
+        return Environment.isProduction && !Environment.isElectron;
     }
 };