var Beaver = function(x, y){ this.x = x; this.y = y; this.sticks = 0; this.badStick = 0; this.health = 100; }; Beaver.prototype.draw = function(img){ fill(200, 0, 100); this.img = img; this.y = constrain(this.y, 0, height-45); image(this.img, this.x, this.y, 40, 40); }; Beaver.prototype.hop = function(img){ image(img, this.x, this.y, 40, 40); this.y -= 5; }; Beaver.prototype.fall = function(){ this.y += 5; }; Beaver.prototype.checkForStickGrab = function(stick){ if((stick.x >= this.x && stick.x <= (this.x + 40)) && (stick.y >= this.y && stick.y <= (this.y + 40))){ stick.y = -400; this.sticks++; } }; //check for bad stick grab Beaver.prototype.checkForBadStickGrab = function(badStick){ if((badStick.x >= this.x && badStick.x <= (this.x + 40))&& (badStick.y >= this.y && badStick.y <= (this.y + 40))){ badStick.y = -400; this.badStick++; } }; //check for hole fall Beaver.prototype.checkForHoleFall = function(hole){ if((hole.x >= this.x && hole.x <= (this.x + 40))&& (hole.y >= this.y && hole.y <= (this.y + 40))){ hole.holeColor = color(237, 14, 14); this.health -= 1; } }; var Stick = function(x, y){ this.x = x; this.y = y; }; Stick.prototype.draw = function(){ fill(89, 71, 0); rectMode(CENTER); rect(this.x, this.y, 5, 40); }; var BadSticks = function(x, y){ this.x = x; this.y = y; }; //draw bad sticks BadSticks.prototype.draw = function(){ fill(255, 0, 0); rectMode(CENTER); rect(this.x, this.y, 5, 40); }; var Holes = function(x, y, colors){ this.x = x; this.y = y; this.holeColor = color(colors); }; //Draw holes on the ground Holes.prototype.draw = function(){ fill(this.holeColor); ellipse(this.x, this.y, 60, 30); }; //Global variables //holes var holes = []; var badSticks = []; var sticks = []; // store sticks var grassXs = []; var beaver; var grassImg; var ohNoesImg, wins; var fall, jmp; function setup(){ createCanvas(400, 500); //instance of beaver wins = loadImage("https://lh5.googleusercontent.com/3gvyMjSUizONu7VYbqgccbfad2ARu6KWeaer9xc9Io8bB0s34ZAGuwa-IASHzdDIE-yYcyr7JkGCBw=w1080-h1987"); jmp = loadImage("https://lh5.googleusercontent.com/SyvsvH4w8rN8xC452_YgTMx2uFa6qox2w56pc48JZfzN5bJPFHfxzUxIBOGSaQ8Wqej_bihOkBFCFw=w1080-h1987"); fall = loadImage("https://lh3.googleusercontent.com/5Vxs7UmhaQdZoGVKq_DLZDuCIINQabYlCQXnbH_ujCgbj9LL3RQ0UVeT9QH0gQZAiNUpHvah6jCw1g=w1080-h1987"); beaver = new Beaver(200, 320); grassImg = loadImage("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ-Cv4uQ3AfCTL32BUGjAOTBNgFAPm03xUz0gvNeU8&s=0"); ohNoesImg = loadImage("https://lh6.googleusercontent.com/WZC5bH4o_1qWz7iyez_3ECDVIy__6obfPbC913-lYfR1QUpxO3i6YtLotCUT49mEVwwQoeC3woa6MQ=w1080-h1987"); for(var i = 0; i < 40; i++){ sticks.push(new Stick(i * 40 + 300, random(20, 260))); } //generate bad sticks for(var j = 0; j < 20; j++){ badSticks.push(new BadSticks(j * 60 + 300, random(20, 290))); } for (var t = 0; t < 3; t++) { holes.push(new Holes(t * 150 + 400, height * 0.96, 0)); } for(var f = 0; f < 25; f++){ grassXs.push(f*20); } } function draw(){ //static background(277,254,255); fill(130, 79, 43); rectMode(CORNER); rect(0, height*0.90, width, height*0.10); for(var i = 0; i < grassXs.length; i++){ image(grassImg, grassXs[i], height * 0.85, 20, 20); grassXs[i] -= 1; if(grassXs[i] <= -20){ grassXs[i] = width; } } //draw holes for(var j = 0; j < holes.length; j++){ holes[j].draw(); holes[j].x -= 1; if(holes[j].x < 0){ holes[j].x = width+50; holes[j].holeColor = color(0, 0, 0); } beaver.checkForHoleFall(holes[j]); } for(var k = 0; k < sticks.length; k++){ sticks[k].draw(); beaver.checkForStickGrab(sticks[k]); sticks[k].x -= 1; } for(var n = 0; n < badSticks.length; n++){ badSticks[n].draw(); beaver.checkForBadStickGrab(badSticks[n]); badSticks[n].x -= 1; } textSize(18); text("Score: "+ (beaver.sticks - beaver.badStick), 20, 30); text("Health: " + beaver.health, 280, 30); //win check if (beaver.sticks / sticks.length >= 0.70){ background(105, 166, 255); textSize(36); text("You Win !!!", 120, 300); textSize(20); image(wins, width / 3, height / 8); text("Will Add more levels", width/3.5, height/1.5); textSize(36); text("Go back to Restart", width/6 , height/1.2); beaver.x += 400; noLoop(); } //display Game Over it is < 0 if(beaver.health < 0){ background(105, 166, 91); textSize(36); beaver.x += 400; image(ohNoesImg, width / 3, height / 8); text("GAME OVER !", width / 6, height / 2); text("Go back to Restart", width / 10, height / 1.5); noLoop(); } if(mouseIsPressed){ beaver.hop(jmp); }else{ beaver.fall(); } beaver.draw(fall); }

🌃Hopping Game🚀(test)