From 267e5d1c384fd13c8666a91b06be2a92a6249eaf Mon Sep 17 00:00:00 2001
From: Matthew Florentino <matthewflrnt@gmail.com>
Date: Thu, 27 Nov 2025 17:09:15 +0700
Subject: [PATCH] design: changes image and animate

---
 src/game/thirdperson.html | 4 ++--
 src/js/thirdperson.js     | 5 ++++-
 src/leaderboard.php       | 2 +-
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/game/thirdperson.html b/src/game/thirdperson.html
index 6d660a9..7deae42 100644
--- a/src/game/thirdperson.html
+++ b/src/game/thirdperson.html
@@ -15,10 +15,10 @@
             <img src="/assets/Design/wayland.png" alt="bg">
         </div>
         <div class="hero">
-            <img id="hero" src="/assets/Design/KnightPixLE2-export.png" alt="">
+            <img id="hero" src="/assets/Design/KNIGHTPIXLETPP.gif" alt="">
         </div>
         <div class="boss">
-            <img id="boss" src="/assets/Design/for-python-Recovered-export2.png" alt="">
+            <img id="boss" src="/assets/Design/for-NewPythonGift.gif" alt="">
         </div>
     </div>
     <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
diff --git a/src/js/thirdperson.js b/src/js/thirdperson.js
index 66fc95e..24ccd64 100644
--- a/src/js/thirdperson.js
+++ b/src/js/thirdperson.js
@@ -25,12 +25,15 @@ setTimeout(() => {
 setTimeout(() => {
     hero.style.left = '800px';
 }, 500);
+setTimeout(()=> {
+    hero.src = "/assets/Design/KnightPixLE2-exporgift.gif";
+}, 1700);
 setTimeout(() => {
     boss.style.right = '700px';
 }, 500);
 
 setTimeout(()=> {
     window.location.href = "/game/firstperson.html"
-}, 7000)
+}, 5500)
 
 
diff --git a/src/leaderboard.php b/src/leaderboard.php
index bb9d2bb..4f09ee2 100644
--- a/src/leaderboard.php
+++ b/src/leaderboard.php
@@ -45,7 +45,7 @@ if($result){
                 </div>
                 <h1 style="text-align: center;"> <?php echo $score; ?> </h1>
                 <div class="character">
-                    <img src="assets/Design/KnightPixLE.png" alt="knight">
+                    <img src="/assets/Design/KnightPixLE2-exporgift.gif" alt="knight">
                 </div>
             </div>
             <div class="board">