object library zombies as tile game

tiles with baddie adder from map

by Starsavior

HTML

<canvas id="myCanvas" width="700" height="500" style="border:1px solid #000000;"></canvas>
<p id="t">

</p>

JavaScript

function init() {
  //initalize the game variable as a Game object VVVV
game = new Game();
  //call other game methods here for customization
  
}

//change to show or hide tile numbers
var displayTile = true;
//which tiles are walkable???
var walkableTiles = [0, 6, 7, 8];
//size of tiles
var tileW = 64;
var tileH = 64;
//size of sprites
var playerW = 48; //less than tileW
var playerH = 48; //less than tileH
//speed of player
var spd = 8;
//bullet variables
var bulletSpeed = 10;
var bulletColor = "black";
//baddie homing distance
var baddieDistance = 10;
var winMessage = "Player is the winner!";
var loseMessage = "player is dead!";
//change to your images vvvv
var playerImage = "https://i.postimg.cc/G3xs3KcZ/Roy.png";
var baddieImage = "https://i.postimg.cc/rmWf3J6V/zombie.png";
var tileSheet = "https://i.postimg.cc/nrJR4k5y/Tiles.png";
var bgImage = "http://s28.postimg.cc/66hjuw9lp/mm_bg.png";
var splatImage = "http://s32.postimg.cc/3l9ir67up/splat.png";
var goalImage = "";
//images for guns
var shotgunImage = "https://i.postimg.cc/nzMd2J2D/Dank-Shotgun.png";
var pistolImage = "http://s32.postimg.cc/f4qafl4b5/pistol.png";
var swordImage = "https://i.postimg.cc/zvXPhNg6/dank-sword-V2.png";
// ammo, damage, rof, image
var gunsInGame = [];
shotgun = new Gun(7, 20, 1.5, shotgunImage);
//xTile, yTile, ammo, damage, rof, image
pistol = new Gun(16, 4, 10, pistolImage);
///////////////////////
sword = new Gun(5, 2, 1, swordImage);
//keys
//////////////////////
var left = 37; //left arrow
var right = 39; //right arrow
var up = 38; //up arrow
var down = 40; //down arrow
var fire = 32; //space
var reload = 82; //r
var drop = 69; //e
var cycle = 81; //q
/****************
change for your own maps
****************/
var map1 =...