diff --git a/Javascript/practice.js b/Javascript/practice.js deleted file mode 100644 index e40eb2e..0000000 --- a/Javascript/practice.js +++ /dev/null @@ -1,256 +0,0 @@ -let canvas; -let context; - -let request_id; -let fpsInterval = 1000 / 30; // The denominator is frames per second. -let now; -let then = Date.now(); - -let backgroundImage = new Image(); - -let tilesPerRow = 6; -let tileSize = 16; - -let background = [ - [64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64,64], - [63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63], - [62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62], - [61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,20,20,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61], - [60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60], - [59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59], - [58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58], - [56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56], - [55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55], - [56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56], - [55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55], - [56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56], - [55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55], - [56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56], - [55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55], - [63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63], - [62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62], - [61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61], - [60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60], - [ 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7,7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7], - [59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59], - [58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58], - [56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56], - [55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55], - [56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56], - [55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55], - [56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56], - [55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55], - [56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56], - [55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55], - [55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55], - [56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56], - [55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55], - [56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56], - [55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55], - [63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63], - [62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62], - [61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61], - [0,0,0,0,0,0,0,0,30,31,32,33,34,35,22,21,20,19,18,22,21,20,19,18,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0], - [0,0,0,0,0,0,0,0,36,37,38,39,40,41,28,27,26,25,24,28,27,26,25,24,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0] -] - -let player = { - x : 0, - y : 0, - width : 32, - height : 48, - frameX : 0, - frameY : 0, - xChange : 0, - yChange : 0, -}; - -let enemy = { - x : 0, - y : 0, - width : 32, - height : 48, - frameX : 0, - frameY : 0, - xChange : 3, - yChange : 0, -} - -let playerImage = new Image(); -let enemyImage = new Image(); - -let floor; - -let moveLeft = false; -let moveRight = false; -let moveUp = false; -let moveDown = false; - -document.addEventListener("DOMContentLoaded", init, false) - -function init() { - canvas = document.querySelector("canvas"); - context = canvas.getContext("2d"); - - backgroundImage.src = "../styles/dungeon.png"; - playerImage.src = "../styles/girl.png"; - enemyImage.src = "../styles/ghost.png"; - - floor = canvas.height - 27; - player.x = canvas.width / 2; - player.y = player.height; - enemy.x = canvas.width / 2; - enemy.y = floor - player.height; - - window.addEventListener("keydown",activate,false); - window.addEventListener("keyup",deactivate,false); - - draw(); -} - -function draw() { - request_id = window.requestAnimationFrame(draw); - let now = Date.now(); - let elapsed = now - then; - if (elapsed <= fpsInterval) { - return; - } - then = now - (elapsed % fpsInterval); - - // Draw background on canvas. - context.clearRect(0, 0, canvas.width, canvas.height); - context.fillStyle = "#87cefa"; // Light sky blue. - context.fillRect(0, 0, canvas.width, canvas.height); - for (let r = 0; r < 40; r += 1) { - for (let c = 0; c < 64; c += 1) { - let tile = background[r][c]; - if (tile >= 0) { - let tileRow = Math.floor(tile / tilesPerRow); - let tileCol = Math.floor(tile % tilesPerRow); - context.drawImage(backgroundImage, - tileCol * tileSize, tileRow * tileSize, tileSize, tileSize, - c * tileSize, r * tileSize, tileSize, tileSize); - } - } - } - - // Draw player. - context.drawImage(playerImage, - player.width * player.frameX, player.height * player.frameY, player.width, player.height, - player.x, player.y, player.width, player.height); - if ((moveLeft || moveRight) && ! (moveLeft && moveRight)) { - player.frameX = (player.frameX + 1) % 4; - } - if ((moveUp || moveDown) && ! (moveUp && moveDown )) { - player.frameX = (player.frameX + 1) % 4; - } - - - // Draw other objects. - context.drawImage(enemyImage, - enemy.width * enemy.frameX, enemy.height * enemy.frameY, enemy.width, enemy.height, - enemy.x, enemy.y, enemy.width, enemy.height); - - - // Handle key presses. - if (moveLeft) { - player.xChange = player.xChange - 0.5; - player.frameY = 1; - } - if (moveRight) { - player.xChange = player.xChange + 0.5; - player.frameY = 2; - } - if (moveUp) { - player.yChange = player.yChange - 0.5; - player.frameY = 3; - - } - if (moveDown) { - player.yChange = player.yChange + 0.5; - player.frameY = 0; - } - - - // Update the player. - player.x = player.x + player.xChange; - player.y = player.y + player.yChange; - - //Update enemy - enemy.x = enemy.x + enemy.xChange; - enemy.y = enemy.y + enemy.yChange; - - if (enemy) { - if (enemy.frameY === 0) { - enemy.frameY = 1; - } - if(enemy.x + enemy.xChange > canvas.width) { - enemy.xChange = -enemy.xChange; - enemy.frameY = 2; - } - if (enemy.x + enemy.xChange < 0) { - enemy.xChange= -enemy.xChange; - enemy.frameY = 1; - } - - - } - - - - // Update the other objects. - - - // // Physics. - // player.yChange = player.yChange + 0.1; // Gravity! - player.xChange = player.xChange * 0.9; // Friction! - player.yChange = player.yChange * 0.9; // Friction! - - // // Collisions. - // if (player.y + player.height) { - // player.y = 10; - // player.yChange = player.y + player.yChange; - // } - - - - // // Going off left or right. - if (player.x + player.width < 0) { - player.x = canvas.width; - } else if (player.x > canvas.width) { - player.x = -player.width; - } - - // // Going off up or down. - if (player.y + player.height < 0) { - player.y = canvas.height; - } else if (player.y > canvas.height) { - player.y = -player.height; - } -} - -function activate(event) { - let key = event.key; - if (key === "ArrowLeft") { - moveLeft = true; - } else if (key === "ArrowRight") { - moveRight = true; - } else if (key === "ArrowUp") { - moveUp = true; - } else if (key === "ArrowDown") { - moveDown = true; - } -} - -function deactivate(event) { - let key = event.key; - if (key === "ArrowLeft") { - moveLeft = false; - } else if (key === "ArrowRight") { - moveRight = false; - } else if (key === "ArrowUp") { - moveUp = false; - } else if (key === "ArrowDown") { - moveDown = false; - } -} diff --git a/Javascript/sprites.js b/Javascript/sprites.js index b8e0f66..71b2ca7 100644 --- a/Javascript/sprites.js +++ b/Javascript/sprites.js @@ -11,78 +11,87 @@ let backgroundImage = new Image(); let tilesPerRow = 6; let tileSize = 16; - - let background = [ - [22,22,21,20,19,18,22,21,20,19,18,22,21,20,19,18,22,21,20,19,18,30,31,32,33,34,35,22,21,20,19,18,22,21,20,19,18,22,21,20,19,18,22,21,20,19,18,22,21,20,19,18,22,21,20,19,18,22,21,20,19,18,22,21], - [28,28,27,26,25,24,28,27,26,25,24,28,27,26,25,24,28,27,26,25,24,36,37,38,39,40,41,28,27,26,25,24,28,27,26,25,24,28,27,26,25,24,28,27,26,25,24,28,27,26,25,24,28,27,26,25,24,28,27,26,25,24,28,27], - [62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62], - [61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,20,20,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61], - [60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60], - [59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59], - [58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58], - [56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56], - [55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55], - [56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56], - [55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55], - [56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56], - [55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55], - [56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56], - [55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55], - [63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63], - [62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62], - [61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61,61], - [60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60,60], - [ 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7,7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7], - [59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59,59], - [58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58,58], - [56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56], - [55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55], - [56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56], - [55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55], - [56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56], - [55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55], - [56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56], - [55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55], - [55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55], - [56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56], - [55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55], - [56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56,56], - [55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55,55], - [63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63,63], - [62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62,62], - [ 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7,7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7], - [22,22,21,20,19,18,22,21,20,19,18,22,21,20,19,18,22,21,20,19,18,30,31,32,33,34,35,22,21,20,19,18,22,21,20,19,18,22,21,20,19,18,22,21,20,19,18,22,21,20,19,18,22,21,20,19,18,22,21,20,19,18,22,21], - [28,28,27,26,25,24,28,27,26,25,24,28,27,26,25,24,28,27,26,25,24,36,37,38,39,40,41,28,27,26,25,24,28,27,26,25,24,28,27,26,25,24,28,27,26,25,24,28,27,26,25,24,28,27,26,25,24,28,27,26,25,24,28,27], + [22, 22, 21, 20, 19, 18, 22, 21, 20, 19, 18, 22, 21, 20, 19, 18, 22, 21, 20, 19, 18, 30, 31, 32, 33, 34, 35, 22, 21, 20, 19, 18, 22, 21, 20, 19, 18, 22, 21, 20, 19, 18, 22, 21, 20, 19, 18, 22, 21, 20, 19, 18, 22, 21, 20, 19, 18, 22, 21, 20, 19, 18, 22, 21], + [28, 28, 27, 26, 25, 24, 28, 27, 26, 25, 24, 28, 27, 26, 25, 24, 28, 27, 26, 25, 24, 36, 37, 38, 39, 40, 41, 28, 27, 26, 25, 24, 28, 27, 26, 25, 24, 28, 27, 26, 25, 24, 28, 27, 26, 25, 24, 28, 27, 26, 25, 24, 28, 27, 26, 25, 24, 28, 27, 26, 25, 24, 28, 27], + [62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62], + [61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 20, 20, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61], + [60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60], + [59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59], + [58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58], + [56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56], + [55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55], + [56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56], + [55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55], + [56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56], + [55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55], + [56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56], + [55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55], + [63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63], + [62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62], + [61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61, 61], + [60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60, 60], + [7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7], + [59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59, 59], + [58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58, 58], + [56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56], + [55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55], + [56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56], + [55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55], + [56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56], + [55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55], + [56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56], + [55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55], + [55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55], + [56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56], + [55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55], + [56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56, 56], + [55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55, 55], + [63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63, 63], + [62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62, 62], + [7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7, 7], + [22, 22, 21, 20, 19, 18, 22, 21, 20, 19, 18, 22, 21, 20, 19, 18, 22, 21, 20, 19, 18, 30, 31, 32, 33, 34, 35, 22, 21, 20, 19, 18, 22, 21, 20, 19, 18, 22, 21, 20, 19, 18, 22, 21, 20, 19, 18, 22, 21, 20, 19, 18, 22, 21, 20, 19, 18, 22, 21, 20, 19, 18, 22, 21], + [28, 28, 27, 26, 25, 24, 28, 27, 26, 25, 24, 28, 27, 26, 25, 24, 28, 27, 26, 25, 24, 36, 37, 38, 39, 40, 41, 28, 27, 26, 25, 24, 28, 27, 26, 25, 24, 28, 27, 26, 25, 24, 28, 27, 26, 25, 24, 28, 27, 26, 25, 24, 28, 27, 26, 25, 24, 28, 27, 26, 25, 24, 28, 27], ] let player = { - x : 0, - y : 0, - width : 32, - height : 48, - frameX : 0, - frameY : 0, - xChange : 0, - yChange : 0, + x: 0, + y: 0, + width: 32, + height: 48, + frameX: 0, + frameY: 0, + xChange: 0, + yChange: 0, }; let enemy = { - x : 0, - y : 0, - width : 32, - height : 48, - frameX : 0, - frameY : 0, - xChange : 3, - yChange : 0, -} + x: 0, + y: 0, + width: 32, + height: 48, + frameX: 0, + frameY: 0, + xChange: 0, + yChange: 0, + isDead: false, +}; + +let bullet = { + x: 0, + y: 0, + width: 32, + height: 48, + frameX: 0, + frameY: 0, + xChange: 0, + yChange: 0, +}; -let bullet; let playerImage = new Image(); let enemyImage = new Image(); - +let bulletImage = new Image(); let floor; @@ -101,15 +110,17 @@ function init() { backgroundImage.src = "../styles/dungeon.png"; playerImage.src = "../styles/girl.png"; enemyImage.src = "../styles/ghost.png"; + bulletImage.src = "../styles/Pearl.png"; floor = canvas.height - 27; player.x = canvas.width / 2; player.y = player.height; enemy.x = canvas.width / 2; enemy.y = floor - player.height; + - window.addEventListener("keydown",activate,false); - window.addEventListener("keyup",deactivate,false); + window.addEventListener("keydown", activate, false); + window.addEventListener("keyup", deactivate, false); draw(); } @@ -144,24 +155,29 @@ function draw() { context.drawImage(playerImage, player.width * player.frameX, player.height * player.frameY, player.width, player.height, player.x, player.y, player.width, player.height); - if ((moveLeft || moveRight) && ! (moveLeft && moveRight)) { + + if ((moveLeft || moveRight) && !(moveLeft && moveRight)) { player.frameX = (player.frameX + 1) % 4; } - if ((moveUp || moveDown) && ! (moveUp && moveDown )) { + if ((moveUp || moveDown) && !(moveUp && moveDown)) { player.frameX = (player.frameX + 1) % 4; } + // draw bullet + if (bullet_on_screen(bullet)) { + context.drawImage(bulletImage, + bullet.width * bullet.frameX, bullet.height * bullet.frameY, bullet.width, bullet.height, + bullet.x, bullet.y, bullet.width, bullet.height); + } - // Drawing bullet - // having severe issues - - - - - // Draw other objects. - context.drawImage(enemyImage, - enemy.width * enemy.frameX, enemy.height * enemy.frameY, enemy.width, enemy.height, - enemy.x, enemy.y, enemy.width, enemy.height); + if (enemy_collides(bullet)) { + enemy.isDead = true; + } + if (!enemy.isDead) { + context.drawImage(enemyImage, + enemy.width * enemy.frameX, enemy.height * enemy.frameY, enemy.width, enemy.height, + enemy.x, enemy.y, enemy.width, enemy.height); + } // Handle key presses. if (moveLeft) { @@ -172,23 +188,38 @@ function draw() { player.xChange = player.xChange + 0.5; player.frameY = 2; } - if (moveUp) { + if ((moveUp) && !(moveUp && moveRight) && !(moveUp && moveLeft)) { player.yChange = player.yChange - 0.5; player.frameY = 3; - } - if (moveDown) { + if ((moveDown) && !(moveDown && moveRight) && !(moveDown && moveLeft)) { player.yChange = player.yChange + 0.5; player.frameY = 0; } - if (spaceBar) { + if (!bullet_on_screen(bullet)) { + bullet.y = player.y; + bullet.x = player.x; + if (player.frameY === 0) { + bullet.yChange = 8; + bullet.xChange = 0 + } + if (player.frameY === 1) { + bullet.xChange = -8; + bullet.yChange = 0 + } + if (player.frameY === 2) { + bullet.xChange = 8; + bullet.yChange = 0 + } + if (player.frameY === 3) { + bullet.yChange = -8; + bullet.xChange = 0 + } + } } - - - // Update the player. player.x = player.x + player.xChange; player.y = player.y + player.yChange; @@ -197,68 +228,49 @@ function draw() { enemy.x = enemy.x + enemy.xChange; enemy.y = enemy.y + enemy.yChange; + //Update bullet + bullet.x = bullet.x + bullet.xChange; + bullet.y = bullet.y + bullet.yChange; + + //enemy frames if (enemy) { if (enemy.frameY === 0) { enemy.frameY = 1; } - if(enemy.x + enemy.xChange > canvas.width) { + if (enemy.x + enemy.xChange > canvas.width) { enemy.xChange = -enemy.xChange; enemy.frameY = 2; } - if (enemy.x + enemy.xChange < 0) { - enemy.xChange= -enemy.xChange; - enemy.frameY = 1; + if (enemy.x + enemy.xChange < 0) { + enemy.xChange = -enemy.xChange; + enemy.frameY = 1; } - - } - - - // Update the other objects. - - - // // Physics. - // player.yChange = player.yChange + 0.1; // Gravity! + // Physics. player.xChange = player.xChange * 0.9; // Friction! player.yChange = player.yChange * 0.9; // Friction! - // // Collisions. - // if (player.y + player.height > floor) { - // player.in_air = false; - // player.y = floor - player.height; - // player.yChange = 0; - // } - - // // Going off left or right. + // Going off left or right. if (player.x + player.width < 0) { player.x = canvas.width; } else if (player.x > canvas.width) { player.x = -player.width; } - // // Going off up or down. + // Going off up or down. if (player.y + player.height < 0) { player.y = canvas.height; } else if (player.y > canvas.height) { player.y = -player.height; } - - if (player.x + player.size >= canvas.width){ - stop("You win"); - return; - } - if (player_collides(enemy)) { - stop("You lose"); - return; - + stop("You lose"); + return; } - } - function activate(event) { let key = event.key; if (key === "ArrowLeft") { @@ -269,9 +281,9 @@ function activate(event) { moveUp = true; } else if (key === "ArrowDown") { moveDown = true; - } else if (key === "SpaceBar") { + } else if (key === " ") { spaceBar = true; -} + } } function deactivate(event) { @@ -284,23 +296,44 @@ function deactivate(event) { moveUp = false; } else if (key === "ArrowDown") { moveDown = false; - } else if (key === "SpaceBar") { + } else if (key === " ") { spaceBar = false; } - } +// if bullet is on the screen +function bullet_on_screen(bullet) { + return ((bullet.x > 0 && bullet.x < canvas.width) && (bullet.y > 0 && bullet.y < canvas.height)) + +} + +// enemy colliding with bullet +function enemy_collides(bullet) { + let bulletStartX = bullet.x; + let bulletEndX = bullet.x + bullet.width; + let enemyStartX = enemy.x; + let enemyEndX = enemy.x + enemy.width; + let bulletStartY = bullet.y; + let bulletEndY = bullet.y + bullet.height; + let enemyStartY = enemy.y; + let enemyEndY = enemy.y + enemy.height; + return (((bulletStartX >= enemyStartX) || (bulletEndX >= enemyStartX)) && ((bulletEndX <= enemyEndX) || (bulletStartX <= enemyEndX))) && + (((bulletStartY >= enemyStartY) || (bulletEndY >= enemyStartY)) && ((bulletEndY <= enemyEndY) || (bulletStartY <= enemyEndY)) ) +} + +// enemy and the player collide function player_collides(enemy) { - if (player.x + player.size < enemy.x || - enemy.x + enemy.size < player.x || - player.y > enemy.size + enemy.y || - enemy.y > player.size + player.y) { - return false; - } else { - return true; - } + if (player.x + player.width < enemy.x || + enemy.x + enemy.width < player.x || + player.y > enemy.height + enemy.y || + enemy.y > player.height + player.y) { + return false; + } else { + return true; + } } +// stop the game function stop(outcome) { window.removeEventListener("keydown", activate, false); window.removeEventListener("keyup", activate, false); @@ -308,8 +341,4 @@ function stop(outcome) { let outcome_element = document.querySelector("#outcome"); outcome_element.innerHTML = outcome; - } - - - diff --git a/html/game.html b/html/game.html index 94d1f8f..f5db133 100644 --- a/html/game.html +++ b/html/game.html @@ -9,4 +9,9 @@
+ ++ +
+