var pipes = []; var stars = []; let scoreText; let gameOver; var score = 0; function setup() { createCanvas(window.innerWidth, window.innerHeight, WEBGL); g_force = 0.5; game = true; bird = new Bird(); timer = 100; sun_y = -40; sky_blue = 255; sky_red = 0; sky_green = 200; ground_bright = 150; //time_factor tf = 0.01; for (i = 0; i < 1000; i++) { stars.push(new Star()); } scoreText = createGraphics(100, 100); scoreText.background(0, 0, 0); scoreText.fill(255); scoreText.textSize(16); scoreText.textAlign(CENTER); gameOver = createGraphics(200, 100); gameOver.background(255, 0, 0); gameOver.fill(255); gameOver.textSize(32); gameOver.textAlign(CENTER); gameOver.text("Game Over", 100,50); console.log(mouseX); } function mousePressed() { bird.velocity = -10; } window.addEventListener('resize', ()=> { }); function draw() { translate(0,0,window.innerWidth/window.innerHeight); //Sky background(sky_red, sky_green, sky_blue); if(sky_red >= 0 && sky_blue > 0 && sky_green > 0) { sky_red += 2*tf; sky_blue -= 2*tf; sky_green -= 0.75*tf; } else if(sky_blue <= 0) { sky_red -= 3*tf; sky_green -= 2*tf; } //Stars if(sky_green <= 0) { for (i = 0; i < stars.length; i++) { stars[i].show(); } } //Win if (stars[100].b >= 255) { noLoop(); texture(gameOver); gameOver.background(0,200,0); gameOver.text("You Win!", 100, 50); push(); translate(0,0,150); noStroke(); plane(200, 100); pop(); } //Sun noStroke(); fill(255, 255, 0); ellipse(50, sun_y, 100); sun_y += 1*tf; //Ground stroke(0); fill(ground_bright, ground_bright+105, 0); ground_bright -= 1.5*tf; rect(-window.innerWidth, 100, window.innerWidth*2, 350); timer--; if(timer < 0) { pipes.push(new Pipe()); timer = 100; } for(i = 0; i < pipes.length; i++) { pipes[i].show(); pipes[i].move(); if(pipes[i].hits(bird)){ noLoop(); texture(gameOver); push(); translate(0,0,150); plane(200, 100, 10); pop(); } if(pipes[i].pass(bird)){ scoreText.background(0, 150, 0); score++; } if(pipes[i].x==-200){ pipes.shift(); } } if(bird.y > window.innerHeight || bird.y < -window.innerHeight) { noLoop(); push(); texture(gameOver); translate(0,0,150); plane(200, 100, 10); pop(); } bird.show(); bird.fall(); scoreText.text("Score: " + score, 50, 50); texture(scoreText); translate(0, -120, 100); plane(); } function Pipe() { this.x = 200; this.y = random(-200, 200); this.move = function() { this.x -= 2; } this.highlight = false; this.show = function() { push(); translate(this.x, this.y, 50); normalMaterial(); if(this.highlight){ fill(255, 100, 255); } box(25, 200, 25); pop(); } this.hits = function(bird) { //if(this.x == bird.x) if(this.y + 100 >= bird.y - 5 && this.y - 100 <= bird.y + 5 && this.x + 12.5 >= bird.x -5 && this.x - 12.5 <= bird.x +5) { this.highlight = true; return true; } this.highlight = false; return false; } this.pass = function(bird) { if(this.x == bird.x){ return true; } } } function Bird() { this.x = -100; this.y = 0; this.velocity = 0; this.show = function() { push(); noStroke(); //fill(255, 255, 0); translate(this.x, this.y, 50); normalMaterial(); sphere(10); pop(); } this.fall = function() { this.y += this.velocity; if(this.y < 130){ this.velocity += g_force; } if(this.y > 130){ this.velocity = 0; } } } function Star() { this.x = random(-200, 200); this.y = random(-225, 225); this.b = 0; this.show = function() { noStroke(); fill(this.b); this.b += 10*tf; ellipse(this.x, this.y, 1); } }

Flappy bird 3D