Final Tiles Game

final--add your elements

by ElijahCirioli

HTML

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

JavaScript

/***********************
Adjust game variables to make it work
************************/
//change if you make a zelda style
var overhead = false;
//change to show or hide tile numbers
var displayTile = true;
//do you want to shoot bullets?
var bulletsInGame = false; //change to shoot bullets
//jumpstomp?
var jumpstomp = false;
//size of tiles
var tileW = 64;
var tileH = 64;
//size of sprites
var manW = 62; //less than tileW
var manH = 62; //less than tileH
//control jumping and falling
var gravity = 0.6;
var jumpstart = -14;
//bullets
var bulletSpeed = 10;
var bulletSize = 10;
var bulletColor = "red";
//change to your images vvvv
var manImage = "http://s2.postimg.org/wjqogj3c9/adventure_sprite2.png";
var baddieImage = "http://s28.postimg.org/bsi7njvdp/level_sprite.png";
var tileImage = "http://s25.postimg.org/ml4w7u4t7/mario_07.png";
var bgImage = "http://s28.postimg.org/66hjuw9lp/mm_bg.png";
//////////////////////
//key controls
//////////////////////
var left = 37;
var up = 38;
var right = 39;
var down = 40;
var fire = 32;
/****************
change for your own maps
****************/
var map1 = [
  [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
  [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1],
  [1, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1],
  [1, 0, 0, 1, 1, 0, 0, 1, 0, 0, 0, 1],
  [1, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 1],
  [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]
];
var map2 = [
  [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
  [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1],
  [1, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 1],
  [1, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 1],
  [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1],
  [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]
];
//initial map is set
var map = map1;

//array of levels
var levels = [];
//set up each level
function level1() {
  //starting man tile
  manStartX = 1;
  manStartY = 4;
  //initiailize man
  man = new Man(manStartX, manStartY);
  //empty baddies array
  baddies = [];
  //assign map
  map = map1;
  ///////////////////////////
  //ADD BADDIES
  //parameters: x tile, y tile 
 ...