From a73e672ea982fc34dac6ddcca9ecdfc0ac3a6364 Mon Sep 17 00:00:00 2001 From: Darkin Date: Sat, 19 Oct 2019 09:52:20 +0200 Subject: [PATCH] update method --- game.js | 32 +++++++++++++++++++++--------- img/{ground.png => ground/g0.png} | Bin img/ground/g1.png | Bin 0 -> 11797 bytes 3 files changed, 23 insertions(+), 9 deletions(-) rename img/{ground.png => ground/g0.png} (100%) create mode 100644 img/ground/g1.png diff --git a/game.js b/game.js index b1ed960..1da4e50 100644 --- a/game.js +++ b/game.js @@ -2,16 +2,25 @@ const sctx = scrn.getContext("2d"); sctx.fillStyle = "#30c0df"; let frames = 0; - const gnd = { - sprite : new Image(), +const gnd = { + animations : + [ + {sprite : new Image()}, + {sprite : new Image()}, + ], x : 0, y :0, + frame : 0, draw : function() { - y = parseFloat(scrn.height-this.sprite.height); - sctx.drawImage(this.sprite,this.x,y); + y = parseFloat(scrn.height-this.animations[this.frame].sprite.height); + sctx.drawImage(this.animations[this.frame].sprite,this.x,y); + }, + update : function(){ + this.frame += (frames%10==0) ? 1 : 0; + this.frame = this.frame%this.animations.length; } }; - const bg = { +const bg = { sprite : new Image(), x : 0, y :0, @@ -43,11 +52,17 @@ const bird = { frame:0, draw : function() { sctx.drawImage(this.animations[this.frame].sprite,this.x,this.y); + }, + update : function() { + this.frame += (frames%10==0) ? 1 : 0; + this.frame = this.frame%this.animations.length; + this.y += (frames%10==0) ? (Math.random()-0.5)*2 : 0; } }; -gnd.sprite.src="img/ground.png"; +gnd.animations[0].sprite.src="img/ground/g0.png"; +gnd.animations[1].sprite.src="img/ground/g1.png"; bg.sprite.src="img/BG.png"; gr.sprite.src="img/getready.png"; bird.animations[0].sprite.src="img/bird/b0.png"; @@ -68,9 +83,8 @@ gameLoop(); function update() { - bird.frame += (frames%5==0) ? 1 : 0; - bird.frame = bird.frame%4; - bird.y += (frames%5==0) ? (Math.random()-0.5)*2 : 0; + bird.update(); + gnd.update(); } function draw() { diff --git a/img/ground.png b/img/ground/g0.png similarity index 100% rename from img/ground.png rename to img/ground/g0.png diff --git a/img/ground/g1.png b/img/ground/g1.png new file mode 100644 index 0000000000000000000000000000000000000000..4d71e8f6d55e8a96c0659203f672aba49f1bfe01 GIT binary patch literal 11797 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 literal 0 HcmV?d00001