/* NAME : WON THE THRONE [ GAME ] AUTHOR : ARB DATE : 12 - 04 - 2019 */ /* /////////////////// NOTE \\\\\\\\\\\\\\\\\\\\ 1. My little try for the contest ( GAME OF THRONES )! 2. Asssets are collected ! 😉 */ /* ///////////////// COMPONENT \\\\\\\\\\\\\\\\\ */ let h = window.innerHeight; let w = window.innerWidth; let isJumped = false; let isGrounded = true; let vel = 7; let game_over = true; let music = true; let audio = new Audio('https://instaud.io/_/3xFh.mp3'); audio.loop = true; let dom_show = false; let scores = 0; // Tileset let tileset_img; // Images let tile_img; let player_img; // Floor let floors = []; let floor_width = 150; let floor_height = 95; let initial_x = (w / 2) - (floor_width / 2); let initial_y = 0; let floor_num = 8; // floor 2 let bll_tiles = []; let bll_tiles_1 = []; let bll_tiles_2 = []; let bll_tiles_3 = []; let bll_tiles_4 = []; let bll_tiles_5 = []; let retinas = []; let extra_1 = []; let extra_2 = []; let bll_num = 40;; let bll_height = 30; let bll_width = 30; let bll_img; // Wall let walls = []; let walls_1 = []; let wall_height = 50; let wall_width = 50; // Player let player; let player_width = 40; let player_height = 50; let player_imgs = []; let running_speed = 0.25; let player_pos = { frames : [ { x : 0, y : 0 }, { x : 55, y : 0 }, { x : 84, y : 0 } ] }; let lil_img; // Tree let tree_imgs = []; let trees = []; let tree_height = 30; let tree_width = 20; // Enemy let enemies = []; let enemy_height = 40; let enemy_width = 30; let enemy_num = 3; let enemy_img; let enemy_imgs = []; let enemy_pos = { frames : [ { x : 0, y : 200 }, { x : 68, y : 205 }, { x : 145, y : 200 } ] }; let t; let timer; /* ///////////////// PRELOAD \\\\\\\\\\\\\\\\\\\ */ function preload(){ tileset_img = loadImage('https://i.imgur.com/oasd3OGh.jpg'); player_img = loadImage('https://i.imgur.com/4ShrtWh.png'); tree_imgs[0] = loadImage('https://i.imgur.com/qGAjmHA.jpg'); tree_imgs[1] = loadImage('https://i.imgur.com/iK0W8Hr.jpg'); tree_imgs[2] = loadImage('https://i.imgur.com/TZWTmCy.png'); enemy_img = loadImage('https://i.imgur.com/k631QQ5.png'); dom_show = true; } /* /////////////////// SETUP \\\\\\\\\\\\\\\\\\\ */ function scoreUpdate(){ if (game_over == false){ scores++; score.innerText = scores; } } function setup(){ createCanvas(w, h); if (dom_show == true){ splash_screen.style.display = 'flex'; loading.style.display = 'none'; } t = setInterval(scoreUpdate, 500); start.addEventListener('click', e => { splash_screen.style.display = 'none'; audio.play(); game_over = false; }); // Cut images //bll_img = tileset_img.get(114, 0, 23, 22); timer = setInterval(countDown, 1000); countDown(); bll_img = tileset_img.get(115, 400, 20, 39); tile_img = tileset_img.get(140, 210, 85, 60); lil_img = tileset_img.get(500, 18, 20, 25); //p = player_img.get(0, 0, 30, 38); // Player for (d = 0; d < player_pos.frames.length; d++){ let p = player_img.get(player_pos.frames[d].x, player_pos.frames[d].y, 30, 38); player_imgs.push(p); } for (e = 0; e < enemy_pos.frames.length; e++){ let en = enemy_img.get(enemy_pos.frames[e].x, enemy_pos.frames[e].y, 65, 75); enemy_imgs.push(en); } player = new Player(w / 2 - player_width / 2, h - (player_height + 100), player_width, player_height); // Floors for (i = 0; i < floor_num; i++){ floors[i] = new Tile(initial_x, initial_y + (floor_height * i), floor_width, floor_height, tile_img); } // Floor 2 for (j = 0; j < bll_num; j++){ bll_tiles[j] = new Tile(20, initial_y + (bll_height * j), bll_width, bll_height, bll_img); } for (k = 0; k < bll_num; k++){ bll_tiles_1[k] = new Tile( 20 + (bll_width - 2), initial_y + (bll_height * k), bll_width, bll_height, bll_img); } for (l = 0; l < bll_num; l++){ bll_tiles_2[l] = new Tile( 20 + ((bll_width * 2) - 3), initial_y + (bll_height * l), bll_width, bll_height, bll_img); } for (m = 0; m < bll_num; m++){ bll_tiles_3[m] = new Tile( 20 + (bll_width * 2) + floor_width + (bll_width - 5), initial_y + (bll_height * m), bll_width, bll_height, bll_img); } for (n = 0; n < bll_num; n++){ bll_tiles_4[n] = new Tile( 20 + (bll_width * 2) + floor_width + (bll_width - 5) + bll_width - 2, initial_y + (bll_height * n), bll_width, bll_height, bll_img); } for (o = 0; o < bll_num; o++){ bll_tiles_5[o] = new Tile( 20 + (bll_width * 2) + floor_width + (bll_width - 5) + bll_width + bll_width - 3, initial_y + (bll_height * o), bll_width, bll_height, bll_img); } for (a = 0; a < bll_num; a++){ extra_1[a] = new Tile(0, initial_y + (bll_height * a), bll_width, bll_height, bll_img); } for (b = 0; b < bll_num; b++){ extra_2[b] = new Tile( w - bll_width, initial_y + (bll_height * b), bll_width, bll_height, bll_img); } // Tree trees[0] = new Tree(30, 10, tree_width, tree_height, 0); trees[1] = new Tree(30, h / 2, tree_width + 10, tree_height + 20, 1); trees[2] = new Tree(30, h - 80, tree_width + 20, tree_height + 40, 0); trees[3] = new Tree( w - 75, 10, tree_width, tree_height, 0); trees[4] = new Tree(w - 75, h / 2, tree_width + 10, tree_height + 20, 1); trees[5] = new Tree( w - 75, h - 80, tree_width + 20, tree_height + 40, 0); // Enemy enemies[0] = new Enemy(w / 2, 10, enemy_width, enemy_height); enemies[1] = new Enemy((w / 2) - 60, 30, enemy_width, enemy_height); // Retina for (z = 0; z < 20; z++){ retinas[z] = new Tile(random(0, w), random(0, h), 38, 38, tree_imgs[2]); } } /* /////////////////// DRAW \\\\\\\\\\\\\\\\\\\\ */ function draw(){ //background(255); for (j = 0; j < bll_tiles.length; j++){ extra_1[j].print(); extra_1[j].go(); extra_2[j].print(); extra_2[j].go(); bll_tiles[j].print(); bll_tiles[j].go(); bll_tiles_1[j].print(); bll_tiles_1[j].go(); bll_tiles_2[j].print(); bll_tiles_2[j].go(); bll_tiles_3[j].print(); bll_tiles_3[j].go(); bll_tiles_4[j].print(); bll_tiles_4[j].go(); bll_tiles_5[j].print(); bll_tiles_5[j].go(); } /*for (k = 0; k < bll_tiles_1.length; k++){ bll_tiles_1[k].print(); }*/ for (i = 0; i < floors.length; i++){ floors[i].print(); floors[i].go(); } // //image(tileset_img, 0, 50); // for (x = 0; x < retinas.length; x++){ retinas[x].print(); retinas[x].go(); } // Tree for (b = 0; b < trees.length; b++){ trees[b].print(); trees[b].go(); //trees[b].incHeight(); } //image(tileset_img, 0, 0, w, h); //image(lil_img, 0, 0, 30, 30); //image(enemy_imgs[2], 0, 0); for (q = 0; q < enemies.length; q++){ enemies[q].print(); enemies[q].go(); player.collidedWith(enemies[q]); } player.print(); player.go(); player.handle(); restart.addEventListener('click', e => { game_over = false; for (y = 0; y < enemies.length; y++){ enemies[y].y = - enemy_height; } gm.style.display = 'none'; audio.play(); //setInterval(scoreUpdate, 500); scores = 0; score.innerText = scores; }); } /* ///////////////// Builder \\\\\\\\\\\\\\\\\\\ */ // Tile builder class Tile{ constructor(x, y, w, h, img){ this.x = x; this.y = y; this.w = w; this.h = h; this.img = img; this.vel = vel;; } print(){ // Rectangle //rect(this.x, this.y, this.w, this.h); // Image image(this.img, this.x, this.y, this.w, this.h); } go(){ if (game_over == false){ if (this.y < h){ this.y += this.vel; } else { this.y = - (this.h - initial_y); } } } incHeight(){ this.h += 0.7; this.w += 0.35; } } class Player{ constructor(x, y, w, h){ this.x = x; this.y = y; this.w = w; this.h = h; this.img = player_imgs; this.index = 0; this.f = -3; this.gravity = 0.7; this.mass = 3; this.force = 25; this.acc = 0.05; } print(){ // Rectangle //rect(this.x, this.y, this.w, this.h); // Image image(this.img[floor(this.index) % this.img.length], this.x, this.y, this.w, this.h); } go(){ if (game_over == false){ if (isGrounded == true){ this.index += running_speed; } if (isJumped == true){ this.mass += this.gravity; this.y += this.mass; this.w += 0.2; this.h += 0.2; } if (this.y > h - (this.h + 100)){ isJumped = false; isGrounded = true; this.w = player_width; this.h = player_height; this.y = h - (this.h + 100); } } } handle(){ let c = document.querySelector('canvas'); c.addEventListener('touchstart', e => { //this.force += this.acc; isJumped = true; isGrounded = false; isGrounded = false; if (this.y < (h / 2) + 60){ this.force = 0; } else { this.force = 12; this.mass = - this.force; } }); } // Collision 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){ 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(); } } } function collided(){ if (isGrounded == true){ //console.log('Collided!'); game_over = true; gm.style.display = 'flex'; audio.pause(); //clearInterval(t); } } // Tree class Tree{ constructor(x, y, w, h, index){ this.x = x; this.y = y; this.w = w; this.h = h; this.img = tree_imgs; this.index = index; this.vel = vel; } print(){ // Rectangle //rect(this.x, this.y, this.w, this.h); // Image image(this.img[this.index], this.x, this.y, this.w, this.h); } go(){ if (game_over == false){ if (this.y < h){ this.h += 0.5; this.w += 0.25; this.y += this.vel; } else { this.h = tree_height; this.w = tree_width; this.y = - this.h; } } } } // Enemy class Enemy{ constructor(x, y, w, h){ this.x = x; this.y = y; this.w = w; this.h = h; this.img = enemy_imgs; this.index = 0; this.speed = 0.2; this.vel = vel; } print(){ // Rectangle //rect(this.x, this.y, this.w, this.h); // Image image(this.img[floor(this.index) % this.img.length], this.x, this.y, this.w, this.h); } go(){ if (game_over == false){ this.index += this.speed; if (this.y < h){ this.y += this.vel; } else { this.y = - this.h; this.x = random(((w / 2) - (this.w / 2)) - 50, (w / 2) + (this.w / 2)); this.vel = random(6, 7); } } } } // Timer let ends = new Date("Apr 15, 2019 15:37:25"); // Count down function countDown(){ let now = new Date().getTime(); let time_to_count = ends - now; let d = Math.floor(time_to_count / (1000 * 60 * 60 * 24)); let h = Math.floor((time_to_count % (1000 * 60 * 60 * 24))/(1000 * 60 * 60)); let m = Math.floor((time_to_count % (1000 * 60 * 60)) / (1000 * 60)); let s = Math.floor((time_to_count % (1000 * 60)) / 1000); // Show time count.innerHTML = ' ' + ' ' + d + ' : ' + h + ' : ' + m + ' : ' + s; // Set background // Count down ended if (time_to_count < 0){ clearInterval(timer); count.innerText = 'RELEASED ! '; } } /* /////////////////// ETU \\\\\\\\\\\\\\\\\\\\\ // For loop for (i = 0; i < num; i++){ } // If else if (condition){ } else { } // Only if if (condition){ } // function creator function name(){ } // Class builder class Name{ constructor(x, y, w, h){ this.x = x; this.y = y; this.w = w; this.h = h; } print(){ // Rectangle rect(this.x, this.y, this.w, this.h); // Image image(this.img, this.x, this.y, this.w, this.h); } go(){ } } */