demo reset

src/pages/guided-tracing/q.astro

@@ -35,8 +35,9 @@ import Layout from "../../layouts/Layout.astro";
   const game = new Phaser.Game(config);
   const customWidth = window.innerWidth;
   const customHeight = window.innerHeight;
-  let firstLayer, secondLayer;
+  let firstLayer, secondLayer, thirdLayer;
   let graphics;
+  let animatedLetter;
   let isDrawing = false;
   let formattedDateTime;
   let gameStartTime = "start time here";
@@ -234,6 +235,7 @@ import Layout from "../../layouts/Layout.astro";
         }
       });
     hideButton.setInteractive().on('pointerdown', () => {
+      animatedLetter.stop();
       isDemoButtonClicked = false;
       firstScreen.setVisible(false);
       hideButton.setVisible(false);  // Hide the "Hide" button
@@ -258,6 +260,8 @@ import Layout from "../../layouts/Layout.astro";
       });
 
     demoButton.setInteractive().on('pointerdown', () => {
+      animatedLetter.setCurrentTime(0);
+      animatedLetter.play(true);
       graphics.setVisible(false);
       firstScreen.setVisible(true);
       demoButton.setVisible(false);  // Hide the "Demo" button