design: changes image and animate

This commit is contained in:
Matthew Florentino 2025-11-27 17:09:15 +07:00
parent e236a906f3
commit 267e5d1c38
3 changed files with 7 additions and 4 deletions

View File

@ -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>

View File

@ -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)

View File

@ -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">