⚙️ chore: Beta version 1.0-b

Some fixes

src/css/styles.css

@@ -5,5 +5,5 @@ canvas {
 }
 
 body {
-    background-color: rgb(0, 64, 70);
+    background-color: rgb(27, 31, 79);
 }

src/js/Audios.js

@@ -1,10 +1,10 @@
 class Audios {
     constructor(collection) {
         this.collection = {
-            point: './assets/audio/point.wav',
-            flap: './assets/audio/wing.wav',
-            hit: './assets/audio/hit.wav',
-            swoosh: './assets/audio/swoosh.wav',
+            point: './assets/audio/point.ogg',
+            flap: './assets/audio/wing.ogg',
+            hit: './assets/audio/hit.ogg',
+            swoosh: './assets/audio/swoosh.ogg',
             die: './assets/audio/die.ogg',
             background: './assets/audio/background.ogg'
         };
@@ -23,11 +23,13 @@ class Audios {
      * Play a sound from the collection by its name
      * @param {string} name 
      */
-    play(name) {
+    play(name, volume = 1) {
         if (this.collection[name].paused) {
+            this.collection[name].volume = volume;
             this.collection[name].play();
         } else {
             this.collection[name].pause();
+            this.collection[name].volume = volume;
             this.collection[name].currentTime = 0;
             this.collection[name].play();
         }

src/js/Background.js

@@ -11,13 +11,19 @@ class Background {
         this.ctx = ctx;
 
         this.srcImageBackground = new Image();
-        this.srcImageBackground.src = "./assets/sprites/background-night.png";
+        this.srcImageBackground.src = "./assets/sprites/background.png";
+
+        this.srcImageBackground_1 = new Image();
+        this.srcImageBackground_1.src = "./assets/sprites/background_1.png";
+
+        this.srcImageBackground_2 = new Image();
+        this.srcImageBackground_2.src = "./assets/sprites/background_2.png";
 
         this.srcImageForeground = new Image();
-        this.srcImageForeground.src = "./assets/sprites/base.png";
+        this.srcImageForeground.src = "./assets/sprites/base_pink.png";
 
         this.foregroundSpeed = 0.3;
-        this.backgroundSpeed = 0.1;
+        this.backgroundSpeed = 1;
     }
 
 
@@ -32,19 +38,32 @@ class Background {
     }
 
     #renderBackground() {
+
         this.ctx.drawImage(
             this.srcImageBackground,
+            0,
+            0
+        );
+
+        this.ctx.drawImage(
+            this.srcImageBackground_1,
             0 - this.#xBackground,
             0
         );
 
         this.ctx.drawImage(
-            this.srcImageBackground,
-            this.srcImageBackground.width - this.#xBackground - 1,
+            this.srcImageBackground_2,
+            this.srcImageBackground_2.width - this.#xBackground - 1,
+            0
+        );
+
+        this.ctx.drawImage(
+            this.srcImageBackground_1,
+            this.srcImageBackground_2.width * 2 - this.#xBackground - 1,
             0
         );
 
-        if (this.#xBackground >= this.srcImageBackground.width) {
+        if (this.#xBackground >= this.srcImageBackground_2.width * 2) {
             this.#xBackground = 0.0;
         }
 

src/js/Bird.js

@@ -19,19 +19,19 @@ class Bird {
             this.y = 210 + this.dy;
         }
 
-        this.srcCurrentBird.src = "./assets/sprites/redbird-downflap.png";
+        this.srcCurrentBird.src = "./assets/sprites/pinkbird-downflap.png";
 
 
         this.bird = function () {
 
             let srcBirdDownFlap = new Image();
-            srcBirdDownFlap.src = "./assets/sprites/redbird-downflap.png";
+            srcBirdDownFlap.src = "./assets/sprites/pinkbird-downflap.png";
 
             let srcBirdMidFlap = new Image();
-            srcBirdMidFlap.src = "./assets/sprites/redbird-midflap.png";
+            srcBirdMidFlap.src = "./assets/sprites/pinkbird-midflap.png";
 
             let srcBirdUpFlap = new Image();
-            srcBirdUpFlap.src = "./assets/sprites/redbird-upflap.png";
+            srcBirdUpFlap.src = "./assets/sprites/pinkbird-upflap.png";
 
 
             return {
@@ -156,7 +156,7 @@ class Bird {
 
                     pipe.pipe.emptyCollision.collision.used = false;
                     count.count += 1;
-                    audio.play("point");
+                    audio.play("point", 0.6);
 
                 }
             })

src/js/Game.js

@@ -26,10 +26,11 @@ class Game {
     }
 
     restartGame(pipes) {
-        pipes.forEach((pipe) => {
-            // console.log(pipe);
-            pipes.shift();
-        });
+        // pipes.forEach((pipe) => {
+        //     // console.log(pipe);
+        //     pipes.shift();
+        // });
+        pipes.pipes = Array();
 
     }
 

src/js/Pipe.js

@@ -9,7 +9,7 @@ class Pipe {
 
 
         this.srcImagePipe = new Image();
-        this.srcImagePipe.src = "./assets/sprites/pipe-green.png";
+        this.srcImagePipe.src = "./assets/sprites/pipe-pink.png";
 
         this.speed = 0.1;
 

src/js/app.js

@@ -36,17 +36,18 @@ function run() {
     let gamesEvents = function () {
         switch (game.state) {
             case game.states.getReady:
+                count.count = 0;
                 game.state = game.states.game;
                 audio.playLoop("background");
                 break;
             case game.states.game:
-                audio.play("flap");
+                audio.play("flap", 0.4);
                 bird.flap();
                 break;
             case game.states.gameOver:
-                audio.play("swoosh");
+                audio.play("swoosh", 0.3);
                 game.state = game.states.getReady;
-                game.restartGame(pipes.pipes);
+                game.restartGame(pipes);
                 bird.resetBirdPosition();
                 break;
         }
@@ -71,8 +72,9 @@ function run() {
 
         update(params) {
 
-            speed = startSpeed + count.count * 0.02
+            speed = startSpeed + count.count * 0.08
             pipes.speed = speed;
+            pipes.interval = (4000 / speed);
             bg.foregroundSpeed = speed;
             // console.log(speed);
 
@@ -82,8 +84,8 @@ function run() {
                 bird.update(params);
 
                 if (bird.detectCollision(pipes.pipes, bg, count, audio)) {
-                    audio.play("hit");
-                    audio.play("die");
+                    audio.play("hit", 0.8);
+                    audio.play("die", 0.8);
                     audio.stop("background");
                     game.state = game.states.gameOver;
                 }