Feat : temporarily remove self background

components/AnimatedBackground.vue

@@ -10,8 +10,6 @@ declare const webglUtils: {
 
 declare const resolveLygiaAsync: (source: string) => Promise<string>
 
-
-
 async function main(canvas: HTMLCanvasElement) {
     // Get A WebGL context
     /** @type {HTMLCanvasElement} */
@@ -58,7 +56,6 @@ async function main(canvas: HTMLCanvasElement) {
     function render(time: number) {
         if (!gl) { return }
         time *= 0.001;  // convert to seconds
-
         webglUtils.resizeCanvasToDisplaySize(gl.canvas);
 
         // Tell WebGL how to convert from clip space to pixels
@@ -101,10 +98,10 @@ async function main(canvas: HTMLCanvasElement) {
 
 onMounted(() => {
     if (!canvas.value) { return }
+    console.log("e")
     main(canvas.value);
 })
 
-
 </script>
 
 <template>

components/GameBoard.vue

@@ -68,7 +68,7 @@ function showWinnerScreen() {
         <div id="current_player"
             :class="(goStore.current_game?.current_turn && (goStore.current_game?.current_turn === goStore.self?.team)) ? 'self' : ''">
             <PlayerSlot v-for="p in current_players" :player="p"></PlayerSlot>
-            <AnimatedBackground></AnimatedBackground>
+            <!-- <AnimatedBackground></AnimatedBackground> -->
         </div>
     </div>
     <ResultDialog :isVisible="showResults" :won="isWinner" :players="goStore.current_game?.players"
@@ -96,7 +96,7 @@ function showWinnerScreen() {
 }
 
 #current_player.self {
-    background-image: url('/images/bg-grass.png');
+    /* background-image: url('/images/bg-grass.png'); */
 }
 
 #market {