var device = "phone"; //phone or computer var platforms = []; var buttons = []; var powerups = []; var onTop = false; var onTopType = 0; var scoreJump = 0; var scoreFall = 0; var highscoreJump = 0; var highscoreFall = 0; var lost = true; //in JUMP var completet = false; //in FALL var inStartScreen = true; var inTutorial = false; var inDifficultyMenu = false; var inGamesMenu = false; var inGame = 0; var selectedDifficulty = 0; var placeAt = 200; var destroyAt = 400; var placefaster = 5; var destroyfaster = 10; var platformCounter = 0; //CONSTANTS var PLATFORMHEIGHT = 10; var GAMESBUTTON = 1; //Buttons var TUTORIALBUTTON = 2; var DIFFICULTYBUTTON = 3; var BACKBUTTON = 4; var EASYBUTTON = 5; var NORMALBUTTON = 6; var HARDBUTTON = 7; var JUMPGAMEBUTTON = 8; var FALLGAMEBUTTON = 9; var DOUBLEJUMP = 1; //power-ups var TELEPORT = 2; var HIGHJUMP = 3; var COINBONUS = 4; var NORMALPLATFORM = 1; //PLATFORMS var ICEPLATFORM = 2; var BOUNCEPLATFORM = 3; var SLIMEPLATFORM = 4; var EASY = 1; var NORMAL = 2; var HARD = 3; var JUMP = 1; var FALL = 2; //Pictures var PLAYERGOINGLEFT; var PLAYERGOINGRIGHT; var PLAYERSTANDING; var player = { x: 0, y: 0, b: 12, h: 20, drawx: 0, drawy: 0, dx: 0, dy: 0, currentImage: 0, currentPowerUp: 0, update: function() { this.x = this.x + this.dx; this.y = this.y + this.dy; if (this.x < 0) { this.x = width - 10; } if (this.x > width) { this.x = 10; } }, grav: function() { if (onTop && this.dy >= 0) { this.dy = 0; } else { this.dy = this.dy + 0.5; } if (this.dy > 5) { this.dy = 5; } }, show: function() { this.drawx = this.x - this.b / 2; this.drawy = this.y - this.h / 2; if (device == "phone") { fill(200); rect(this.drawx, this.drawy, this.b, this.h); } else if (device == "computer") { if (this.dx < -0.1) { this.currentImage = PLAYERGOINGLEFT; } else if (this.dx > 0.1) { this.currentImage = PLAYERGOINGRIGHT; } else { this.currentImage = PLAYERSTANDING; } image(this.currentImage, this.drawx, this.drawy, this.b, this.h); } }, friction: function() { this.dy = this.dy * 0.99; if (onIce()) { this.dx = this.dx * 0.9; } else if (onSlime()) { this.dx = this.dx * 0.05; } else if (onTop) { //regular this.dx = this.dx * 0.6; } else { //in Air this.dx = this.dx * 0.95; } }, steering: function() { if (device == "computer") { if (keyIsDown(LEFT_ARROW) && inGame !== 0 || keyIsDown(LEFT_ARROW) && inTutorial) { player.dx = -2.5; } if (keyIsDown(RIGHT_ARROW) && inGame !== 0 || keyIsDown(RIGHT_ARROW) && inTutorial) { player.dx = 2.5; } if (keyIsDown(UP_ARROW) && onTop) { if (onBounce()) { player.y = player.y - 2; player.dy = -10; } else { player.y = player.y - 2; player.dy = -7; } } if (keyIsDown(DOWN_ARROW) && inGame == 1 || keyIsDown(DOWN_ARROW) && inTutorial) { player.y = player.y + 2; } } else if (device == "phone") { if (mouseIsPressed) { if (mouseX < width / 3 && inGame !== 0 || mouseX < width / 3 && inTutorial) { player.dx = -2.5; } if (mouseX > width / 3 * 2 && inGame !== 0 || mouseX > width / 3 * 2 && inTutorial) { player.dx = 2.5; } if (mouseX > width / 3 && mouseX < width / 3 * 2 && mouseY < height / 8 * 7 && onTop) { if (onBounce()) { player.y = player.y - 2; player.dy = -10; } else { player.y = player.y - 2; player.dy = -7; } } if (mouseX > width / 3 && mouseX < width / 3 * 2 && mouseY > height / 8 * 7 && inGame == 1 || mouseX > width / 3 && mouseX < width / 3 * 2 && mouseY > height / 8 * 7 && inTutorial) { player.y = player.y + 2; } } } } }; function preload() { if (device == "computer") { PLAYERGOINGLEFT = loadImage("Pictures/PlayerGoingLeft.png"); PLAYERGOINGRIGHT = loadImage("Pictures/PlayerGoingRight.png"); PLAYERSTANDING = loadImage("Pictures/PlayerStanding.png"); } } function setup() { createCanvas(350, 500); selectedDifficulty = 2; player.x = width / 6; player.y = height / 3 * 2 - 30; player.dy = 0; startScreen(); } function draw() { background(51); for (var i = 0; i < platforms.length; i = i + 1) { platforms[i].show(); if (platforms[i].Playerabove()) { onTop = true; onTopType = platforms[i].kind; } } for (var j = 0; j < powerups.length; j = j + 1) { powerups[j].show(); if (powerups[j].touchingPlayer) { player.currentPowerUp = powerups[j].kind; } } for (var k = 0; k < buttons.length; k = k + 1) { buttons[k].show(); if (buttons[k].mouseOver()) {} } screens(); player.grav(); player.friction(); player.update(); player.show(); player.steering(); if (player.y > height + 20 && inGame == JUMP) { lost = true; } else if (inGame == FALL) { buttons.splice(0, buttons.length); buttons.push(new Button(30, 30, 30, 30, BACKBUTTON)); if (!completet) { increaseScore(FALL); } if (player.y > height + 20) { //resetGame(FALL); completet = true; } } if (!lost && inGame == JUMP) { increaseScore(JUMP); spawnPlatformsCounter(); } if (inTutorial && player.y > height) { player.y = height - 90; } onTop = false; } function mousePressed() { for (var i = 0; i < platforms.length; i = i + 1) { platforms[i].show(); if (platforms[i].Playerabove()) { onTop = true; onTopType = platforms[i].kind; } } if (device == "phone") { if (!inTutorial && inGame === 0) { if (onTop) { if (onBounce()) { player.y = player.y - 2; player.dy = -10; } else { player.y = player.y - 2; player.dy = -7; } } } } else if (device == "computer") { if (onTop) { if (onBounce()) { player.y = player.y - 2; player.dy = -10; } else { player.y = player.y - 2; player.dy = -7; } } } onTop = false; for (var i = 0; i < buttons.length; i = i + 1) { buttons[i].show(); if (buttons[i].mouseOver() && mouseIsPressed) { if (buttons[i].kind == GAMESBUTTON) { inGamesMenu = true; inStartScreen = false; buttons.splice(0, buttons.length); gamesScreen(); } else if (buttons[i].kind == TUTORIALBUTTON) { buttons.splice(0, buttons.length); platforms.push(new Platform(width / 2, height - 65, width, 0)); platforms.push(new Platform(width / 6 * 2 + 20, height - 105, 50, NORMALPLATFORM)); platforms.push(new Platform(width / 6 * 4 - 25, height - 145, 50, BOUNCEPLATFORM)); platforms.push(new Platform(width / 6 * 5 - 25, height / 2 + 25, 50, NORMALPLATFORM)); platforms.push(new Platform(width / 6 * 4 - 25, height / 2, 50, ICEPLATFORM)); platforms.push(new Platform(width / 6 * 2, height / 2, 50, SLIMEPLATFORM)); inTutorial = true; inStartScreen = false; buttons.push(new Button(30, 30, 30, 30, BACKBUTTON)); } else if (buttons[i].kind == DIFFICULTYBUTTON) { buttons.splice(0, buttons.length); platforms.splice(0, platforms.length); platforms.push(new Platform(newPlatformx, newPlatformy, 30, NORMALPLATFORM)); buttons.push(new Button(30, 30, 30, 30, BACKBUTTON)); buttons.push(new Button(width / 2, height / 4, 100, 30, EASYBUTTON)); buttons.push(new Button(width / 2, height / 2, 100, 30, NORMALBUTTON)); buttons.push(new Button(width / 2, height / 4 * 3, 100, 30, HARDBUTTON)); inDifficultyMenu = true; inStartScreen = false; } else if (buttons[i].kind == BACKBUTTON) { buttons.splice(0, buttons.length); startScreen(); inGamesMenu = false; inTutorial = false; inDifficultyMenu = false; inStartScreen = true; inGame = 0; } else if (buttons[i].kind == EASYBUTTON) { selectedDifficulty = EASY; } else if (buttons[i].kind == NORMALBUTTON) { selectedDifficulty = 2; //NORMAL } else if (buttons[i].kind == HARDBUTTON) { selectedDifficulty = HARD; } else if (buttons[i].kind == JUMPGAMEBUTTON) { inGame = 1; inGamesMenu = false; inStartScreen = false; buttons.splice(0, buttons.length); resetGame(JUMP); } else if (buttons[i].kind == FALLGAMEBUTTON) { inGame = 2; inGamesMenu = false; inStartScreen = false; buttons.splice(0, buttons.length); resetGame(FALL); } } } if (selectedDifficulty == EASY) { placefaster = 0; destroyfaster = 0; } else if (selectedDifficulty == NORMAL) { placefaster = 5; destroyfaster = 10; } else if (selectedDifficulty == HARD) { placefaster = 15; destroyfaster = 30; } } function onIce() { return onTopType > 1 && onTopType <= 2 && onTop; } function onSlime() { return onTopType > 3 && onTopType <= 4 && onTop; } function onBounce() { return onTopType > 2 && onTopType <= 3 && onTop; } function spawnedBounce() { return newPlatformType > 2 && newPlatformType <= 3; } function spawnPlatformsCounter() { if (platformCounter >= destroyAt) { platforms.splice(0, 1); platformCounter = 0; if (harderCounter == 3) { destroyAt = destroyAt - destroyfaster; harderCounter = 0; } } else if (platformCounter >= placeAt && platformCounter < placeAt + 1) { if (harderCounter == 3) { placeAt = placeAt - placeingfaster; } harderCounter = harderCounter + 1; newPlatformx = newPlatformx + random(-50, 50); if (spawnedBounce()) { newPlatformy = newPlatformy - random(55, 75); } else { newPlatformy = newPlatformy + random(-25, 45); } newPlatformType = random(-1, 4); if (newPlatformx < 10) { newPlatformx = 30; } else if (newPlatformx > width - 10) { newPlatformx = width - 30; } if (newPlatformy < 20) { newPlatformy = 40; } else if (newPlatformy > height - 10) { newPlatformy = height - 30; } platforms.push(new Platform(newPlatformx, newPlatformy, random(20, 40), newPlatformType)); } platformCounter = platformCounter + 1; } function spawnPlatformsFALL() { platforms.splice(0, platforms.length); platforms.push(new Platform(width / 2, player.h + 20, 30, NORMALPLATFORM)); for (var h = 40; h < height; h = h + 40) { platforms.push(new Platform(random(20, width - 20), h, random(40, 80), random(-1, 4))); if (random(3) <= selectedDifficulty) { platforms.push(new Platform(random(20, width - 20), h, random(40, 80), random(-1, 4))); } } } function screens() { if (inGamesMenu) { textAlign(CENTER); textSize(30); fill(0, 200, 200); text('jump', width / 2, height / 3 + 10); text('fall', width / 2, height / 2 + 10); text(highscoreJump, width / 2 + 130, height / 3 + 10); text(highscoreFall, width / 2 + 130, height / 2 + 10); textSize(15); fill(200); } else if (inDifficultyMenu) { textAlign(CENTER); textSize(15); fill(0, 200, 200); text('easy', width / 2, height / 4); text('normal', width / 2, height / 2); text('hard', width / 2, height / 4 * 3); ellipse(width / 2 + 70, selectedDifficulty * (height / 4), 20, 20); } else if (inStartScreen) { textAlign(CENTER); textSize(70); fill(0, 200, 200); text('go-bot', width / 2, height / 2 - 20); textSize(40); text('play', width / 2, height - 155); fill(200); textSize(12); fill(255); rect(width - 45, 25, 30, 10); rect(width - 35, 15, 10, 30); ellipse(width - 29.5, 30.5, 20, 20); fill(51); ellipse(width - 29.5, 30.5, 7, 7); } else if (inTutorial) { textAlign(CENTER); textSize(15); fill(0, 200, 200); text('regular', width / 6 * 2 - 5, height - 125, 50); text('ice', width / 6 * 3 + 10, height / 2 - 25, 50); text('bounce', width / 6 * 4 - 50, height - 165, 50); text('slime', width / 6 * 3 - 80, height / 2 - 25, 50); text('left', width / 2 - 50, 100, 50); text('right', width / 2 + 50, 100, 50); text('jump', width / 2, 50, 50); text('down', width / 2, 100, 50); fill(255); triangle(width / 2 - 35, 75, width / 2 - 20, 65, width / 2 - 20, 85); triangle(width / 2 + 80, 75, width / 2 + 65, 65, width / 2 + 65, 85); triangle(width / 2 + 25, 85, width / 2 + 15, 70, width / 2 + 35, 70); triangle(width / 2 + 25, 20, width / 2 + 15, 35, width / 2 + 35, 35); fill(200); textSize(12); } if (inGame == JUMP) { textAlign(CENTER); textSize(12); fill(0, 200, 200); text(scoreJump, width - 50, 50, 50); text(highscoreJump, width - 50, 80, 50); } else if (inGame == FALL) { textAlign(CENTER); textSize(12); fill(0, 200, 200); text(scoreFall, width - 50, 50, 50); text(highscoreFall, width - 50, 80, 50); } if (lost && inGame == JUMP) { textAlign(CENTER); stroke(0); fill(0, 200, 200); if (device == "computer") { text('press space to restart', width / 2, height / 2 - 20); } else if (device == "phone") { text('tap to restart', width / 2, height / 2 - 20); } fill(200); buttons.push(new Button(30, 30, 30, 30, BACKBUTTON)); if (device == "computer") { if (keyCode == 32 && keyIsPressed && inGame == JUMP) { buttons.splice(0, buttons.length); resetGame(JUMP); } } else if (device == "phone") { if (mouseIsPressed && inGame == JUMP) { buttons.splice(0, buttons.length); resetGame(JUMP); } } } if (completet && inGame == FALL) { textAlign(CENTER); stroke(0); fill(0, 200, 200); if (device == "computer") { text('press space to restart', width / 2, height / 2 - 20); } else if (device == "phone") { text('tap to restart', width / 2, height / 2 - 20); } fill(200); buttons.push(new Button(30, 30, 30, 30, BACKBUTTON)); if (device == "computer") { if (keyCode == 32 && keyIsPressed && inGame == FALL) { buttons.splice(0, buttons.length); resetGame(FALL); completet = false; } } else if (device == "phone") { if (mouseIsPressed && inGame == FALL) { buttons.splice(0, buttons.length); resetGame(FALL); completet = false; } } } for (var i = 0; i < buttons.length; i = i + 1) { if (buttons[i].kind == BACKBUTTON) { fill(255); triangle(20, 30, 35, 20, 35, 40); fill(200); } } } function startScreen() { platforms.splice(0, platforms.length); newPlatformx = width / 6; newPlatformy = height / 3 * 2; if (player.x != width / 6) { player.x = width / 6; player.y = height / 3 * 2 - 30; player.dy = 0; } platforms.push(new Platform(newPlatformx, newPlatformy, 30, NORMALPLATFORM)); buttons.push(new Button(width / 2, height / 3 * 2, 120, 50, GAMESBUTTON)); buttons.push(new Button(width / 2 + 90, height / 3 * 2, 40, 40, TUTORIALBUTTON)); buttons.push(new Button(width - 30, 30, 35, 35, DIFFICULTYBUTTON)); } function gamesScreen() { platforms.splice(0, platforms.length); newPlatformx = width / 6; newPlatformy = height / 3 * 2; if (player.x != width / 6) { player.x = width / 6; player.y = height / 3 * 2 - 30; player.dy = 0; } platforms.push(new Platform(newPlatformx, newPlatformy, 30, NORMALPLATFORM)); buttons.push(new Button(30, 30, 30, 30, BACKBUTTON)); buttons.push(new Button(width / 2, height / 3 * 1, 120, 50, JUMPGAMEBUTTON)); buttons.push(new Button(width / 2, height / 2, 120, 50, FALLGAMEBUTTON)); } function resetGame(game) { if (game == JUMP) { lost = false; platforms.splice(0, platforms.length); newPlatformx = width / 2; newPlatformy = height / 2; newPlatformType = 0; player.x = width / 2; player.y = height / 2 - 30; player.dy = 0; harderCounter = 0; platforms.push(new Platform(newPlatformx, newPlatformy, 30, NORMALPLATFORM)); platformCounter = 0; placecounter = 200; destroycounter = 400; placeingPace = 5; destroyingPace = 10; if (highscoreJump < scoreJump) { highscoreJump = scoreJump; } scoreJump = 0; } else if (game == FALL) { player.x = width / 2; player.y = player.h; player.dy = 0; lost = false; spawnPlatformsFALL(); if (highscoreFall < scoreFall && scoreFall != 1000) { highscoreFall = scoreFall; } scoreFall = 1000; } } function increaseScore(game) { if (game == JUMP) { scoreJump = scoreJump + 1; } else if (game == FALL) { scoreFall = scoreFall - 1; } } function Powerups(x, y, kind) { this.mx = x; this.my = y; this.h = 15; this.b = 15; this.kind = kind; this.touchingPlayer = function() { if (Player.x < this.mx + this.b / 2 && Player.x > this.mx - this.b / 2 && Player.y < this.my + this.h / 2 && Player.y > this.my - this.h / 2) { return true; } else { return false; } } this.show = function() { rect(this.mx - this.b / 2, this.my - this.h / 2, this.b, this.h); } } function Button(x, y, b, h, kind) { this.mx = x; this.my = y; this.h = h; this.b = b; this.kind = kind; this.c = 70; this.mouseOver = function() { if (mouseX < this.mx + this.b / 2 && mouseX > this.mx - this.b / 2 && mouseY < this.my + this.h / 2 && mouseY > this.my - this.h / 2) { this.c = 100; return true; } else { this.c = 70; return false; } } this.show = function() { fill(this.c); rect(this.mx - this.b / 2, this.my - this.h / 2, this.b, this.h); } } function Platform(x, y, b, kind) { this.x = x, this.y = y, this.b = b, this.h = PLATFORMHEIGHT, this.kind = kind; this.drawx = this.x - this.b / 2; this.drawy = this.y - this.h / 2 - 3; this.show = function() { if (kind <= 1) { fill(200); //normal grey } else if (kind <= 2) { fill(0, 200, 255); //ice blue } else if (kind <= 3) { fill(100, 0, 100); //bounce purple } else if (kind <= 4) { fill(0, 255, 100); //slime green } rect(this.drawx, this.drawy, this.b, this.h); } this.Playerabove = function() { if (player.x > this.x - this.b / 2 && player.x < this.x + this.b / 2 && this.y - player.y < this.h + player.h / 2 && this.y - player.y > this.h / 2 + player.h / 2) { return true; } else { return false; } } }

go bot || using p5.js