Compressed assets & improved main gameplay

2022-04-18 21:01:55 +02:00
parent 87aa08ff86
commit 1eb66afdf4
115 changed files with 289 additions and 119 deletions
--- a/src/assets/fonts/ChopinScript.otf
+++ b/src/assets/fonts/ChopinScript.otf
--- a/src/assets/fonts/Cratense.ttf
+++ b/src/assets/fonts/Cratense.ttf
--- a/src/assets/fonts/Gabella.ttf
+++ b/src/assets/fonts/Gabella.ttf
--- a/src/assets/fonts/SketchedCassiusBroken.ttf
+++ b/src/assets/fonts/SketchedCassiusBroken.ttf
--- a/src/assets/fonts/TRON.TTF
+++ b/src/assets/fonts/TRON.TTF
--- a/src/assets/img/boss/e4.png
+++ b/src/assets/img/boss/e4.png
--- a/src/assets/img/boss/e4.webp
+++ b/src/assets/img/boss/e4.webp
--- a/src/assets/img/boss/q4.png
+++ b/src/assets/img/boss/q4.png
--- a/src/assets/img/boss/q4.webp
+++ b/src/assets/img/boss/q4.webp
--- a/src/assets/img/boss/r4.png
+++ b/src/assets/img/boss/r4.png
--- a/src/assets/img/boss/r4.webp
+++ b/src/assets/img/boss/r4.webp
--- a/src/assets/img/boss/richard.jpg
+++ b/src/assets/img/boss/richard.jpg
--- a/src/assets/img/boss/richard.png
+++ b/src/assets/img/boss/richard.png
--- a/src/assets/img/boss/richard.webp
+++ b/src/assets/img/boss/richard.webp
--- a/src/assets/img/boss/samurai.png
+++ b/src/assets/img/boss/samurai.png
--- a/src/assets/img/boss/samurai.webp
+++ b/src/assets/img/boss/samurai.webp
--- a/src/assets/img/boss/t4.png
+++ b/src/assets/img/boss/t4.png
--- a/src/assets/img/boss/t4.webp
+++ b/src/assets/img/boss/t4.webp
--- a/src/assets/img/custom.png
+++ b/src/assets/img/custom.png
--- a/src/assets/img/custom.webp
+++ b/src/assets/img/custom.webp
--- a/src/assets/img/effects/explosion.png
+++ b/src/assets/img/effects/explosion.png
--- a/src/assets/img/effects/explosion.webp
+++ b/src/assets/img/effects/explosion.webp
--- a/src/assets/img/meteor_logo.png
+++ b/src/assets/img/meteor_logo.png
--- a/src/assets/img/meteor_logo.webp
+++ b/src/assets/img/meteor_logo.webp
--- a/src/assets/img/meteor_title.png
+++ b/src/assets/img/meteor_title.png
--- a/src/assets/img/meteor_title.webp
+++ b/src/assets/img/meteor_title.webp
--- a/src/assets/img/meteors/diploma.png
+++ b/src/assets/img/meteors/diploma.png
--- a/src/assets/img/meteors/diploma.webp
+++ b/src/assets/img/meteors/diploma.webp
--- a/src/assets/img/meteors/diplome.jpg
+++ b/src/assets/img/meteors/diplome.jpg
--- a/src/assets/img/meteors/meteor.png
+++ b/src/assets/img/meteors/meteor.png
--- a/src/assets/img/meteors/meteor.webp
+++ b/src/assets/img/meteors/meteor.webp
--- a/src/assets/img/meteors/meteor_2.png
+++ b/src/assets/img/meteors/meteor_2.png
--- a/src/assets/img/meteors/meteor_2.webp
+++ b/src/assets/img/meteors/meteor_2.webp
--- a/src/assets/img/meteors/meteor_3.png
+++ b/src/assets/img/meteors/meteor_3.png
--- a/src/assets/img/meteors/meteor_3.webp
+++ b/src/assets/img/meteors/meteor_3.webp
--- a/src/assets/img/meteors/meteor_4.png
+++ b/src/assets/img/meteors/meteor_4.png
--- a/src/assets/img/meteors/meteor_4.webp
+++ b/src/assets/img/meteors/meteor_4.webp
--- a/src/assets/img/meteors/meteor_full.png
+++ b/src/assets/img/meteors/meteor_full.png
--- a/src/assets/img/meteors/meteor_full2.png
+++ b/src/assets/img/meteors/meteor_full2.png
--- a/src/assets/img/meteors/plane.jpg
+++ b/src/assets/img/meteors/plane.jpg
--- a/src/assets/img/meteors/plane.png
+++ b/src/assets/img/meteors/plane.png
--- a/src/assets/img/meteors/plane_A.png
+++ b/src/assets/img/meteors/plane_A.png
--- a/src/assets/img/meteors/plane_A.webp
+++ b/src/assets/img/meteors/plane_A.webp
--- a/src/assets/img/skyline.png
+++ b/src/assets/img/skyline.png
--- a/src/assets/img/skyline.webp
+++ b/src/assets/img/skyline.webp
--- a/src/assets/img/skyline_turret.png
+++ b/src/assets/img/skyline_turret.png
--- a/src/assets/img/skyline_turret.webp
+++ b/src/assets/img/skyline_turret.webp
--- a/src/assets/img/skyline_turret2.png
+++ b/src/assets/img/skyline_turret2.png
--- a/src/assets/img/turrets/bullet_fast.png
+++ b/src/assets/img/turrets/bullet_fast.png
--- a/src/assets/img/turrets/bullet_fast.webp
+++ b/src/assets/img/turrets/bullet_fast.webp
--- a/src/assets/img/turrets/bullet_heavy.png
+++ b/src/assets/img/turrets/bullet_heavy.png
--- a/src/assets/img/turrets/bullet_heavy.webp
+++ b/src/assets/img/turrets/bullet_heavy.webp
--- a/src/assets/img/turrets/bullet_laser.png
+++ b/src/assets/img/turrets/bullet_laser.png
--- a/src/assets/img/turrets/bullet_laser.webp
+++ b/src/assets/img/turrets/bullet_laser.webp
--- a/src/assets/img/turrets/bullet_standard.png
+++ b/src/assets/img/turrets/bullet_standard.png
--- a/src/assets/img/turrets/bullet_standard.webp
+++ b/src/assets/img/turrets/bullet_standard.webp
--- a/src/assets/img/turrets/turret_fast.png
+++ b/src/assets/img/turrets/turret_fast.png
--- a/src/assets/img/turrets/turret_fast.webp
+++ b/src/assets/img/turrets/turret_fast.webp
--- a/src/assets/img/turrets/turret_heavy.png
+++ b/src/assets/img/turrets/turret_heavy.png
--- a/src/assets/img/turrets/turret_heavy.webp
+++ b/src/assets/img/turrets/turret_heavy.webp
--- a/src/assets/img/turrets/turret_laser.png
+++ b/src/assets/img/turrets/turret_laser.png
--- a/src/assets/img/turrets/turret_laser.webp
+++ b/src/assets/img/turrets/turret_laser.webp
--- a/src/assets/img/turrets/turret_standard.png
+++ b/src/assets/img/turrets/turret_standard.png
--- a/src/assets/img/turrets/turret_standard.webp
+++ b/src/assets/img/turrets/turret_standard.webp
--- a/src/assets/music/ABIS
+++ b/src/assets/music/ABIS
--- a/src/assets/music/ABIS
+++ b/src/assets/music/ABIS
--- a/src/assets/music/El
+++ b/src/assets/music/El
--- a/src/assets/music/El
+++ b/src/assets/music/El
--- a/src/assets/music/Igorrr
+++ b/src/assets/music/Igorrr
--- a/src/assets/music/Igorrr
+++ b/src/assets/music/Igorrr
--- a/src/assets/music/Infected
+++ b/src/assets/music/Infected
--- a/src/assets/music/Infected
+++ b/src/assets/music/Infected
--- a/src/assets/music/Open
+++ b/src/assets/music/Open
--- a/src/assets/music/Open
+++ b/src/assets/music/Open
--- a/src/assets/music/The
+++ b/src/assets/music/The
--- a/src/assets/music/The
+++ b/src/assets/music/The
--- a/src/assets/music/The
+++ b/src/assets/music/The
--- a/src/assets/music/The
+++ b/src/assets/music/The
--- a/src/assets/music/The
+++ b/src/assets/music/The
--- a/src/assets/music/The
+++ b/src/assets/music/The
--- a/src/assets/music/jump.mp3
+++ b/src/assets/music/jump.mp3
--- a/src/assets/music/music2.mp3
+++ b/src/assets/music/music2.mp3
--- a/src/assets/music/nightcall_8bit.mp3
+++ b/src/assets/music/nightcall_8bit.mp3
--- a/src/assets/music/nightcall_8bit.ogg
+++ b/src/assets/music/nightcall_8bit.ogg
--- a/src/assets/sounds/153492steelskullminigun-shooting-awesome-sound.wav
+++ b/src/assets/sounds/153492steelskullminigun-shooting-awesome-sound.wav
--- a/src/assets/sounds/182429qubodupexplosion(2).flac
+++ b/src/assets/sounds/182429qubodupexplosion(2).flac
--- a/src/assets/sounds/557595brevicepsminigun.wav
+++ b/src/assets/sounds/557595brevicepsminigun.wav
--- a/src/assets/sounds/612875sonically-soundlaser-machine-gun.flac
+++ b/src/assets/sounds/612875sonically-soundlaser-machine-gun.flac
--- a/src/assets/sounds/explosion.mp3
+++ b/src/assets/sounds/explosion.mp3
--- a/src/assets/sounds/explosion.ogg
+++ b/src/assets/sounds/explosion.ogg
--- a/src/assets/sounds/explosion2.ogg
+++ b/src/assets/sounds/explosion2.ogg
--- a/src/assets/sounds/explosion3.ogg
+++ b/src/assets/sounds/explosion3.ogg
--- a/src/assets/sounds/explosion_big.mp3
+++ b/src/assets/sounds/explosion_big.mp3
--- a/src/assets/sounds/explosion_big.ogg
+++ b/src/assets/sounds/explosion_big.ogg
--- a/src/assets/sounds/turret_fast.mp3
+++ b/src/assets/sounds/turret_fast.mp3
--- a/src/assets/sounds/turret_heavy.flac
+++ b/src/assets/sounds/turret_heavy.flac
--- a/src/assets/sounds/turret_laser.mp3
+++ b/src/assets/sounds/turret_laser.mp3
--- a/src/assets/sounds/turret_release.wav
+++ b/src/assets/sounds/turret_release.wav
--- a/src/assets/sounds/turret_standard.mp3
+++ b/src/assets/sounds/turret_standard.mp3
--- a/src/index.html
+++ b/src/index.html
@@ -4,21 +4,27 @@
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="shortcut icon" href="assets/img/meteor_logo.png" type="image/png">
+    <link rel="shortcut icon" href="assets/img/meteor_logo.webp" type="image/png">
    <link rel="stylesheet" href="style/style.css">
    <title>Deep Impact</title>
 </head>
 <body>
    <canvas class="background" id="mainCanvas"></canvas>

-    <div class="page" id="loading" style="display: none;">
-        <h1>LOADING</h1>
-    </div>
+    <input class="volume" type="range" id="volume" name="volume" value="50" min="0" max="100">

    <div class="main-container">
-        <div class="page main-menu" id="main-menu">
+        <div class="page" id="loading">
+            <h1>LOADING</h1>
+        </div>

-            <img id="title" src="assets/img/meteor_title.png" alt="Deep Impact">
+        <div class="page" id="start" style="display: none;">
+            <button id="start-button">START</button>
+        </div>
+
+        <div class="page main-menu" id="main-menu" style="display: none;">
+
+            <img id="title" src="assets/img/meteor_title.webp" alt="Deep Impact">

            <div class="title-back-container">
                <span class="title-back" id="title-back"></span>
@@ -33,7 +39,7 @@
                </template>
                <template id="menuItemCustom">
                    <button class="level-item" onclick="customLevel()">
-                        <img src="assets/img/custom.png" alt="Custom Level">
+                        <img src="assets/img/custom.webp" alt="Custom Level">
                        <p>Custom Level</p>
                    </button>
                </template>
@@ -66,7 +72,7 @@
                </div>
                <div class="main-game-skyline-container">
                    <div class="main-game-skyline"></div>
-                    <img class="main-game-skyline-turret" src="assets/img/skyline_turret2.png">
+                    <img class="main-game-skyline-turret" src="assets/img/skyline_turret.webp">
                    <div class="main-game-skyline"></div>
                </div>
                <div class="main-game-dashboard">
@@ -75,29 +81,27 @@

                        <div class="main-game-dashboard-bullet" id="ammo-laser">
                            <h4>A</h4>
-                            <img src="assets/img/turrets/bullet_laser.png" alt="Laser">
+                            <img src="assets/img/turrets/bullet_laser.webp" alt="Laser">
                            <h3>100</h3>
                        </div>

                        <div class="main-game-dashboard-bullet" id="ammo-fast">
                            <h4>Z</h4>
-                            <img src="assets/img/turrets/bullet_fast.png" alt="Fast">
+                            <img src="assets/img/turrets/bullet_fast.webp" alt="Fast">
                            <h3>100</h3>
                        </div>

                        <div class="main-game-dashboard-bullet" id="ammo-standard">
                            <h4>E</h4>
-                            <img src="assets/img/turrets/bullet_standard.png" alt="Standard">
+                            <img src="assets/img/turrets/bullet_standard.webp" alt="Standard">
                            <h3>100</h3>
                        </div>

                        <div class="main-game-dashboard-bullet" id="ammo-heavy">
                            <h4>R</h4>
-                            <img src="assets/img/turrets/bullet_heavy.png" alt="Heavy">
+                            <img src="assets/img/turrets/bullet_heavy.webp" alt="Heavy">
                            <h3>100</h3>
                        </div>
-
-                        <input type="range" id="volume" name="volume" value="5" min="0" max="10">
                    </div>
                </div>
            </div>
--- a/Show More
+++ b/Show More