alert("Welcome to this game! If you want to win, you have to find the red rectangle 5 times."); alert("⚠️WARNING: The game has many bugs!⚠️") let platforms = []; let pl = []; let redrect = []; let ground = []; function setup(){ var c = createCanvas(windowWidth, windowHeight-200); c.parent("d"); for(let i = 0; i<20; i++){ platforms.push(new Platform(i*100, Math.random()*(height))); platforms.push(new Platform(i*100, Math.random()*(height))); platforms.push(new Platform(i*100, Math.random()*(height))); } pl.push(new Player(width/2, -50, 2, 0, 0)); redrect.push(new RedRect(random(0, 2000), random(30, height-30), 0)); for(let i=0;i<5;i++){ ground.push(new Ground(i * 500, height-10, random(200, 400), 10)); } } class Platform { constructor(x, y){ this.x = x; this.y = y; this.r = random(0, 255); this.g = random(0, 255); this.b = random(0, 255); } show(){ fill(this.r, this.g, this.b); rect(this.x-50, this.y, 100, 5); } } class Player { constructor(x, y, s, j, m){ this.x = x; this.y = y; this.s = s; this.j = j; this.m = m; } show(){ rect(this.x, this.y, 20, 20) if(this.j > 0){ this.s = -2 this.j -- } this.y += this.s if(this.y > height + 50){ youdied() } } } class RedRect { constructor(x, y, t){ this.x = x; this.y = y; this.t = t; } show(){ fill(255,0,0) rect(this.x, this.y, 30, 30); if(this.t == 5){ youwon() } } } class Ground { constructor(x, y, w, h){ this.x = x; this.y = y; this.w = w; this.h = h; } show(){ fill(0, pl[0].x, pl[0].y) rect(this.x, this.y, this.w, this.h) } } function draw(){ clear(); strokeWeight(2); fill(255); translate(pl[0].x*-1+width/2, 0); pl[0].s = 2; for(let i = 0; i= platforms[i].x-65 && pl[0].x <= platforms[i].x+55 && pl[0].y >= platforms[i].y-22 && pl[0].y <= platforms[i].y-20){ pl[0].s = 0; } if(pl[0].x >= platforms[i].x-65 && pl[0].x <= platforms[i].x+55 && pl[0].y <= platforms[i].y+3 && pl[0].y >= platforms[i].y){ pl[0].s = 2; pl[0].j = 0; } } noStroke(); for(let i=0;i= ground[i].x && pl[0].x <= ground[i].x + ground[i].w && pl[0].y + 20 >= ground[i].y && pl[0].y <= ground[i].y - 18){ pl[0].s = 0; } } fill(255); pl[0].show(); redrect[0].show(); if(pl[0].m == -1){ pl[0].x -= 1; } if(pl[0].m == 1){ pl[0].x += 1; } if(dist(pl[0].x, pl[0].y, redrect[0].x, redrect[0].y)<=25){ redrect[0].t += 1; redrect[0].x = random(0, 2000); redrect[0].y = random(0, height); } } function youwon(){ alert("You won! Don't forget to upvote!😎👍"); noLoop(); } function youdied(){ alert("Game over. You died. Don't forget to upvote!😎👍"); noLoop(); }

p5.js : Platform game [ game ]