/* NAME : SPACE SHOOTER [ GAME ] DATE : 24 - 05 - 2019 AUTHOR : ARB // R8W9's space shooter game helped a lot..😁 // I just need inspiration 😅😉 */ let w = window.innerWidth; let h = window.innerHeight; let bar, life; let game_over = true; let bg; let bg2; let bgImg; let kit; let kit_height = 20; let kit_width = 20; let kit_img; let scores = 0; let dom_show = false; let links = [ 'https://i.imgur.com/18ESEI6.png', 'https://i.imgur.com/kfxPQI8.png', 'https://i.imgur.com/xhN7pRD.jpg', 'https://i.imgur.com/WG0ht6x.jpg', 'https://i.imgur.com/jl4AjkK.png', 'http://i.imgur.com/twPnnkU.jpg', 'http://i.imgur.com/lyZljdk.jpg', 'http://i.imgur.com/31OgOXE.jpg', 'http://i.imgur.com/flgaTVj.jpg', 'http://i.imgur.com/kCRwYW6.jpg' ]; let bullets = []; let bullet; let bullet_img; let bullet_width = 10; let bullet_height = 7; let player_img = []; let player; let player_width = 80; let player_height = 40; let posX, posY; let enemies = []; let enemy_num = 8; let enemy_width = 40; let enemy_height = 40; let enemy_img = []; class Player{ constructor(x, y, w, h, img){ this.x = x; this.y = y; this.w = w; this.h = h; this.img = img; this.index = 0; } display(){ let index = floor(this.index) % this.img.length; image(this.img[index], this.x, this.y, this.w, this.h); if(!game_over){ this.index += 0.5; } } } class Bullet{ constructor(x, y, w, h, img){ this.x = x; this.y = y; this.w = w; this.h = h; this.speed = 6.5; this.img = img; } display(){ image(this.img, this.x, this.y, this.w, this.h); } update(){ if(!game_over){ this.x += this.speed; } } } class Enemy{ constructor(x, y, w, h, img, vel, index){ this.x = x; this.y = y; this.w = w; this.h = h; this.img = img; this.vel = vel; this.index = index; } display(){ //fill(this.color); image(this.img[this.index], this.x, this.y, this.w, this.h); } update(){ if (!game_over){ if (this.x > -this.w){ this.x -= this.vel; } else { this.x = w; this.y = random(0, h - enemy_height); this.index = floor(random(0, 3)); } } } collidedWith(op){ let w1 = (this.x + this.w); let w2 = op.x + op.w; let h1 = (this.y + this.h); let h2 = op.y + op.h; if (w1 < w2 && w1 > op.x && h1 < h2 && h1 > op.y){ this.x = w; if (frameCount % 10 == 0){ scores++; } } if (w1 > w2 && w2 > this.x && h1 < h2 && h1 > op.y){ this.x = w; if (frameCount % 10 == 0){ scores++; } } if (w1 > w2 && w2 > this.x && h1 > h2 && h2 > this.y){ this.x = w; if (frameCount % 10 == 0){ scores++; } } if (w1 < w2 && w1 > op.x && h2 < h1 && h2 > this.y ){ this.x = w; if (frameCount % 10 == 0){ scores++; } } } } class LifeBar{ constructor(x, y, w, h){ this.x = x; this.y = y; this.w = w; this.h = h; this.color = color(0, 255, 0); } display(){ //fill(this.color); rect(this.x, this.y, this.w, this.h); } dicrease(){ //this.w -= 0.3; /*if (this.w > 2){ this.w -= 0.3; } else { this.w = 2; }*/ for (let e of enemies){ if (e.x < 1){ this.w -= 1; } } if (this.w < 2){ this.w = 2; game_over = true; game_over_text.style.display = 'flex'; game_over_text.addEventListener('click', e => { game_over = false; life.w = 94; life.color = color(0, 255, 0); game_over_text.style.display = 'none'; for (let e of enemies){ e.x = w; } kit.x = w * 3; scores = 0; }); } if (this.w < 40){ this.color = color(255, 0, 0); } } } class Background{ constructor(x, y, w, h, img){ this.x = x; this.y = y; this.w = w; this.h = h; this.img = img; } display(){ image(this.img, this.x, this.y, this.w, this.h); } update(){ if(!game_over){ if (this.x > - this.w){ this.x -= 1; } else { this.x = w; } } } } class Kit{ constructor(x, y, w, h, img){ this.x = x; this.y = y; this.w = w; this.h = h; this.img = img; this.vel = 5; } display(){ image(this.img, this.x, this.y, this.w, this.h); } update(){ if(!game_over){ if (this.x > - w * 2){ this.x -= this.vel; } else { this.x = w * 3; this.y = random(0, h - kit_height); } } } } function setup(){ createCanvas(w, h); posX = 5; posY = h / 2; mouseY = posY; // Loder if (dom_show){ setTimeout(() => { load.style.display = 'none'; }, 3000); } // Life Bar bar = new LifeBar(5, 15, 100, 15); life = new LifeBar(5 + 3, (15 + (15 /5.5)), 94, 10); // Riffle player = new Player(posX, h / 2, player_width, player_height, player_img); // Bullets function shoot(){ if (!game_over){ for (let i = 0; i < 1; i++){ bullet = new Bullet(posX + (player_width - 10), mouseY + (player_height / 2.5), bullet_width, bullet_height, bullet_img); bullets.push(bullet); } } } setInterval(shoot, 150);shoot(); // Bg bg = new Background(0, 0, w * 2, h, bgImg); bg2 = new Background(w * 2, 0, w * 2, h, bgImg); // Enemies for (let i = 0; i < enemy_num; i++){ enemies[i] = new Enemy(w, random(50, h - 50), enemy_width, enemy_height, enemy_img, random(1, 3.5), floor(random(0, 3))); } // Kit kit = new Kit(w * 3, random(0, h - kit_height), kit_width, kit_height, kit_img); show.addEventListener('click', e => { show.style.display = 'none'; game_over = false; }); } function collision(a,b){ return a.x < b.x + b.w && a.x + a.w > b.x && a.y < b.y + b.h && a.y + a.h > b.y; } function draw(){ background(255); noStroke(); //image(bg, 0, 0, w, h); bg.display(); bg.update(); bg2.display(); bg2.update(); fill(255, 0, 0); for (let b of bullets){ b.display(); b.update(); } for (let e of enemies){ e.display(); e.update(); } for (let e of enemies){ for (let b of bullets){ e.collidedWith(b); } e.collidedWith(player); } fill(255); bar.display(); fill(life.color); life.display(); life.dicrease(); player.display(); kit.display(); kit.update(); if(!game_over){ player.y = mouseY; } for (let i = 0; i < enemies.length; i++){ if (collision(enemies[i], player)){ //console.log('H') life.w -= 3; } } for (let b of bullets){ if (b.x > w){ bullets.splice(b, 1); } } if (collision(player, kit)){ life.w += 3; kit.x = w * 3; } if (life.w > 94){ life.w = 94; } //text(score, w - 20, 20); //textSize(15); score.innerText = scores; } function preload(){ /*player_img = loadImage('http://cors-anywhere.herokuapp.com/' + 'https://i.ibb.co/R7q2s5r/1-Ex-JFkz-XCUv-OL4-D1-Oy-Wc0pw.png');*/ for (let i = 0; i < links.length; i++){ player_img[i] = loadImage(links[i]); } bullet_img = loadImage('http://cors-anywhere.herokuapp.com/' + 'https://i.ibb.co/LYcsyXL/icon-bullet-gold-short.png'); bgImg = loadImage('http://cors-anywhere.herokuapp.com/https://cms-assets.tutsplus.com/legacy-premium-tutorials/posts/27803/images/27803_524b291208f6707b4a5970f0ccfc032e.png'); enemy_img[0] = loadImage('http://cors-anywhere.herokuapp.com/https://i.ibb.co/dQbQ8r7/20190524-124429.png'); enemy_img[1] = loadImage('http://cors-anywhere.herokuapp.com/https://i.ibb.co/9TcMY5z/20190524-124501.png'); enemy_img[2] = loadImage('http://cors-anywhere.herokuapp.com/https://i.ibb.co/9p9j3v1/20190524-124454.png'); enemy_img[3] = loadImage('http://cors-anywhere.herokuapp.com/https://i.ibb.co/VYW0tfY/20190524-124444.png'); kit_img = loadImage('http://cors-anywhere.herokuapp.com/https://i.ibb.co/16DdLbT/HP-Bonus.png'); dom_show = true; }