/* ------------------ SKY RUN ------------------ --------------------------------------------- NAME : SKY RUN [ GAME ] AUTHOR : ARB DATE : 21 - 03 - 2019 ------------------ Assests ------------------ // The player image is from Madav's Flappy Bird game ! // Enemy images are from R8W9's SPACE SHOOTER game ! // Coin images are from Adnan Jawad Toky's 3D CAR RACE game ! // The background image is from Coder's UNICORN DASH RUN game ! */ // Game comp. let game_over = true; let bg; let coin_bg; let scores = 0; let audio = new Audio('https://instaud.io/_/3rZL.mp3'); audio.loop = true; let domShow = false; let start_machine = false; // Player const PLAYER_HEIGHT = 25; const PLAYER_WIDTH = 25; let PLAYER_MASS = 3; let FORCE = 5; let accelaration = 2.5; let GRAVITY = 0.5; let player_img; let player_initial_x = 50; let player_inital_y = 50; let ground = - PLAYER_HEIGHT; // Enemy let enemies = []; const enemy_number = 6; const ENEMY_HEIGHT = 30; const ENEMY_WIDTH = 30; let VELOCITY; let enemy_img; // Clouds let c_vel; let c_img; let clouds = []; const cloud_number = 8; const CLOUD_HEIGHT = 30; const CLOUD_WIDTH = 50; // Coins let coins = []; let COIN_HEIGHT = 30; let COIN_WIDTH = 30; let coin_vel = -3; let coin_number = 20; let coin_taken = false; function preload(){ player_img = loadImage('https://dl.dropbox.com/s/2n4gpj8sgw77sov/bird2.png?dl=0'); //player_img = loadImage('https://i.ibb.co/cv1wBd8/professor-walk-cycle-no-hat.png'); enemy_img = loadImage('https://image.ibb.co/bX9UuU/ufo_1.png'); bg = loadImage("https://image.ibb.co/bN8nTV/scroll-bg-far.png"); c_img = loadImage('https://image.ibb.co/iT0jQA/8i6o-A9x5-T.png'); coin_bg = loadImage('https://image.ibb.co/jRAp0y/coin.png'); domShow = true; } function setup(){ createCanvas(window.innerWidth,window.innerHeight); //song(); //audio.play(); if (domShow == true){ scoreDiv.style.display = 'flex'; start_game.style.display = 'flex'; start_game.addEventListener('click', e => { start_machine = true; //PLAYER_MASS = 3; //GRAVITY = 0.5; game_over = false; audio.play(); start_game.style.display = 'none'; }); } // Player c_vel = random(-2,-1); player = new Player(50, 10, PLAYER_WIDTH, PLAYER_HEIGHT); // Enemy for (k = 0; k < enemy_number; k++){ enemies[k] = new Enemy(random(window.innerWidth / 2 - ENEMY_WIDTH, window.innerWidth - ENEMY_WIDTH), random(window.innerHeight - (ENEMY_HEIGHT + ground)), ENEMY_WIDTH, ENEMY_HEIGHT) } // Clouds for (m = 0; m < cloud_number; m++){ clouds[m] = new Cloud(random(window.innerWidth - CLOUD_WIDTH), random((0 + CLOUD_WIDTH), (window.innerHeight / 2) - CLOUD_HEIGHT / 2), CLOUD_WIDTH, CLOUD_HEIGHT); } // Coins for (n = 0; n < coin_number; n++){ coins[n] = new Coin(random(window.innerWidth / 2 - COIN_WIDTH, window.innerWidth - COIN_WIDTH), random(window.innerHeight - COIN_HEIGHT), COIN_WIDTH, COIN_HEIGHT ); } /* enemies = [new Enemy(180, 60, ENEMY_WIDTH, ENEMY_HEIGHT), new Enemy(60, 80, ENEMY_WIDTH, ENEMY_HEIGHT), new Enemy(80, 320, ENEMY_WIDTH, ENEMY_HEIGHT), new Enemy(20, 100, ENEMY_WIDTH, ENEMY_HEIGHT), new Enemy(40, 210, ENEMY_WIDTH, ENEMY_HEIGHT), new Enemy(90, 100, ENEMY_WIDTH, ENEMY_HEIGHT), new Enemy(240, 210, ENEMY_WIDTH, ENEMY_HEIGHT) ];*/ } function draw(){ background(255); VELOCITY = random(-6.5, -3.5); //let c = document.querySelector('canvas'); //c.style.background = 'url("https://cmkt-image-prd.global.ssl.fastly.net/0.1.0/ps/1150775/910/607/m1/fpnw/wm1/city_background_ny_1024x512-.png")'; // Player //c.style.background = 'red'; image(bg, 0, 0, window.innerWidth, window.innerHeight); // Clouds for (j = 0; j < clouds.length; j++){ clouds[j].print(); clouds[j].change(); } // Coins for (l = 0; l < coins.length; l++){ coins[l].print(); coins[l].change(); //player.collidedWith(coins[l]); coins[l].collidedWithCoin(player); } //player.collidedWith(coins[0]); // Draw Player player.change(); player.func(); player.print(); /*let c = document.querySelector('canvas'); c.addEventListener('touchstart', e => { //console.log('hi'); FORCE += accelaration; PLAYER_MASS = - FORCE; });*/ // Enemies // Draw Enemies for (i = 0; i < enemies.length; i++){ enemies[i].change(); enemies[i].print(); player.collidedWith(enemies[i]); enemies[i].vel = random(-6.5,-1.5); } } // Player function Player(x, y, w, h){ this.x = player_initial_x; this.y = player_inital_y; this.h = h; this.w = w; this.PLAYER_MASS = PLAYER_MASS; this.GRAVITY = GRAVITY; this.accelaration = accelaration; this.FORCE = FORCE; this.player_img = player_img; this.print = () => { image(this.player_img, this.x, this.y, this.w, this.h); //rect(this.x, this.y, this.w, this.h); } this.change = () => { if (this.y < window.innerHeight - (PLAYER_HEIGHT + ground)){ if (start_machine == true){ this.PLAYER_MASS += this.GRAVITY; this.y += this.PLAYER_MASS; } } else { // Restart audio.pause(); restart.style.display = 'inline'; this.PLAYER_MASS = 0; //VELOCITY = 0; game_over = true; restart.addEventListener('click', e => { restart.style.display = 'none'; this.x = player_initial_x; this.y = player_inital_y; this.PLAYER_MASS = PLAYER_MASS; game_over = false; for (j = 0; j < enemies.length; j++){ enemies[j].x = random(window.innerWidth, window.innerWidth + 50); enemies[j].vel = VELOCITY; } for (k = 0; k < coins.length; k++){ coins[k].x = random(0, window.innerWidth + COIN_WIDTH); } // Reset Score scores = 0; score.innerText = scores; audio.play(); }); } // Collision /*this.isColliedWith(enmy){ let w1 = this.x + PLAYER_WIDTH; let w2 = enmy.x + ENEMY_WIDTH; let h1 = this.y + PLAYER_HEIGHT; let h2 = enmy.y + ENEMY_HEIGHT; } */ /* this.collidedWith = function(oponent){ this.width = this.x + this.w; this.height = this.y + this.h; this.width1 = oponent.x + oponent.w; this.height1 = oponent.y + oponent.h; if (this.width > oponent.x && this.width < this.width1 && this.height < this.height1 && this.height > oponent.y){ collided(); } if (this.width1 > this.x && this.width1 < this.width && this.height < this.height1 && this.height > oponent.y){ collided(); } if (this.width1 < this.width && this.width1 > this.x && this.height1 < this.height && this.height1 > oponent.y){ collided(); } if (this.width < this.width1 && this.width > oponent.x && this.height1 < this.height && this.height1 > this.y){ collided(); } } */ this.collidedWith = function(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){ collided(); } if (w1 > w2 && w2 > this.x && h1 < h2 && h1 > op.y){ collided(); } if (w1 > w2 && w2 > this.x && h1 > h2 && h2 > this.y){ collided(); } if (w1 < w2 && w1 > op.x && h2 < h1 && h2 > this.y){ collided(); } } this.func = () => { let c = document.querySelector('canvas'); c.addEventListener('touchstart', e => { //console.log('hi'); //this.FORCE += this.accelaration; if (game_over == false){ game_over = false; } if (this.y < 0 + PLAYER_HEIGHT){ this.FORCE = 0; } else { if (game_over == false){ this.FORCE = 3.8; this.FORCE += this.accelaration; this.PLAYER_MASS = -this.FORCE; } } //audio.src = 'http://k002.kiwi6.com/hotlink/f7oefpl27m/Dreams_Piano_and_Violin_Solo_.mp3'; //audio.loop = true; //audio.play(); if (game_over == false){ game_over = false; } //this.GRAVITY = 0; //this.PLAYER_MASS = 0; }); } //console.log(this.y + 100); //console.log('hi'); //requestAnimationFrame(this.fallDown); } } // Enemy function Enemy(x, y, h, w){ this.x = x; this.y = y; this.h = h; this.w = w; this.vel = VELOCITY; this.enemy_img = enemy_img; this.print = () => { image(this.enemy_img, this.x, this.y, this.w, this.h); //rect(this.x, this.y, this.w, this.h); } this.change = () => { if (this.x > -PLAYER_WIDTH){ if (game_over == false){ this.x += this.vel; } } else { //console.log('hi') this.x = window.innerWidth; this.y = random(0, window.innerHeight - (PLAYER_HEIGHT + ground)); this.vel = random(-6.5, -3.5); } } } // Clouds function Cloud(x, y, w, h){ this.x = x; this.y = y; this.w = w; this.h = h; this.cloud_img = c_img; this.c_vel = c_vel; this.print = () => { image(this.cloud_img, this.x, this.y, this.w, this.h); } this.change = () => { if (this.x > -this.w) { if (game_over == false){ this.x += this.c_vel; } } else { this.x = window.innerWidth; this.c_vel = random(-2,-1); //this.y = random((0 + CLOUD_HEIGHT), random((window.innerHeight / 2) - (CLOUD_HEIGHT / 2))); this.y = random(CLOUD_HEIGHT, window.innerHeight); } } } // Coins function Coin(x, y, w, h){ this.x = x; this.y = y; this.w = w; this.h = h; this.coin_bg = coin_bg; this.coin_vel = coin_vel; this.print = () => { image(this.coin_bg, this.x, this.y, this.w, this.h); } this.change = () => { if (this.x > - this.w){ if (game_over == false){ this.x += this.coin_vel; } } else { this.x = window.innerWidth; this.y = random(60, (window.innerHeight - 100)); this.print = function (){ image(this.coin_bg, this.x, this.y, this.w, this.h); } } } this.collidedWithCoin = function(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.print = function(){} scores = scores + 1; score.innerText = scores; } if (w1 > w2 && w2 > this.x && h1 < h2 && h1 > op.y){ this.print = function(){} scores = scores + 1; score.innerText = scores; } if (w1 > w2 && w2 > this.x && h1 > h2 && h2 > this.y){ this.print = function(){} scores = scores + 1; score.innerText = scores; } if (w1 < w2 && w1 > op.x && h2 < h1 && h2 > this.y){ this.print = function(){} scores = scores + 1; score.innerText = scores; } } } function take_coin(){ for (i = 0; i < coins.length; i++){ coins[i].h = 0; coins[i].w = 0; } } function collided(){ game_over = true; FORCE = 0; audio.pause(); //restart.style.display = 'inline'; }