alert("Random colours!"); alert("Changes: Added levels, tried to remove bugs, made the game faster, added background styling ") let ball; let paddle; let score = 0; let score2 = 0; let fps; let particles = []; let blocks = []; let o; let level = 1; function setup(){ blocks = []; createCanvas(windowWidth, windowHeight); ball = new Ball(width/3, height/3*2, 20, 3.87, 3.9); paddle = new Paddle(width/2, height-50, width/4, 5); score = 0; score2 = 0; for(let i = 0;i<(height/3*2)/map(level, 0, 3, 10, 3);i++){ blocks.push(new Block(map(i%((width-30)/30), 0, width/30, 0, width), ceil(i/10)*20)); } for(let i = 0;i<(height/3*2)/map(level, 0, 3, 5, 3);i++){ blocks.splice(random((height/3*2)/2.5), 1) } o = ball.xs; } class Ball{ constructor(x, y, d, xs, ys){ this.x = x; this.y = y; this.d = d; this.xs = xs; this.ys = ys; this.r = random(200); this.g = random(200); this.b = random(200); } show(){ //stroke(this.r-50, this.g-50, this.b-50); fill(this.r, this.g, this.b); ellipse(this.x, this.y, this.d); this.x += this.xs; this.y += this.ys; if(this.y + this.d/2 >= height){ alert("Game over. Your score was " + score + ". Retry?"); level=1; setup(); } if(this.y - this.d/2 <= 0){ this.ys *= -1; for(let i = 0;i<5;i++){ particles.push(new Particle(this.x, this.y, random(-5, 5), random(-5, 5), 3)); } } if(this.x + this.d/2 >= width || this.x - this.d/2 <= 0){ this.xs *= -1; o *= -1; for(let i = 0;i<5;i++){ particles.push(new Particle(ball.x, ball.y, random(-5, 5), random(-5, 5), 3)); } } } } class Paddle{ constructor(x, y, w, h){ this.x = x; this.y = y; this.w = w; this.h = h; this.r = random(255); this.g = random(255); this.b = random(255); } show(){ fill(this.r, this.g, this.b); stroke(this.r, this.g, this.b); rect(this.x, this.y, this.w, this.h); this.x = mouseX-this.w/2; } } class Particle{ constructor(x, y, xs, ys, p){ this.x = x; this.y = y; this.d = random(3, 7); this.xs = xs; this.ys = ys; if(p == 1){ this.p = paddle; }else if(p == 3){ this.p = ball; }else{ this.p = paddle2; } //this.f = Math.floor(Math.random()*2+1); this.f = floor(random(1, 3)); } show(){ if(this.f == 1){ console.log("Hello World"); fill(ball.r, ball.g, ball.b); stroke(ball.r, ball.g, ball.b); }else if(this.f == 2){ console.log("yes"); stroke(this.p.r, this.p.g, this.p.b); fill(this.p.r, this.p.g, this.p.b); } ellipse(this.x, this.y, this.d); this.x += this.xs; this.y += this.ys; if( this.y-500 > height || this.y+500 < 0 || this.x-500 > width || this.x+500 < 0 ){ particles.splice(0, 1); } } } class Block{ constructor(x, y){ this.x = x; this.y = y; this.width = 30; this.height = 10; this.r = random(255); this.g = random(255); this.b = random(255); } show(){ noStroke(); stroke(255); fill(this.r, this.g, this.b); rect(this.x, this.y, this.width, this.height); } } function draw(){ if(blocks.length == 0){ level += 1; $("#lvl").html("Level "+level); $("#lvl").fadeIn(); noLoop(); setTimeout(function(){ $("#lvl").fadeOut(); setup(); ball.xs += level/10*5; ball.ys += level/10*5; loop(); }, 2000) } noStroke(); background(50, 50); //stroke(255); fill(255); fps = "fps: " + floor(frameRate()); textSize(16); text(fps, 10, 20); text("level: " + level, 70, 20); textSize(20); text(floor(score)+"/"+blocks.length, width/2, height/3*2); text("lvl: " + level, width/2, height/3*2+50, 20); ball.show(); for(let i = 0;i paddle.x + paddle.w /2){ p = map(ball.x, paddle.x+paddle.w/2, paddle.x + paddle.w, 5, 0.6); }else{ p = map(ball.x, paddle.x, paddle.x+paddle.w/2, 0.6, 5); } ball.xs = o; //ball.ys = 3.9; /*if(p == 0){ ball.xs = o; }/*else{ if(p < 0){ p *= -1; } }*/ ball.xs /= p; //ball.ys /= p; if (ball.x < paddle.x) { ball.xs = -1; } if(ball.x > (paddle.x + paddle.w)){ ball.xs = 1; } for(let i = 0;i<5;i++){ particles.push(new Particle(ball.x, ball.y, random(-5, 5), random(-5, 5), 1)); } } for(let i = 0;iblocks[i].y+blocks[i].height) { ball.xs *= -1; ball.ys *= -1; o *= -1; } blocks.splice(i, 1); } } }

Block breaker 3 | game