Load up a brand new map
This commit is contained in:
		
							parent
							
								
									0c0acea8b7
								
							
						
					
					
						commit
						45cbcded92
					
				| @ -6,7 +6,7 @@ | |||||||
|     <link rel="stylesheet" href="style.css"> |     <link rel="stylesheet" href="style.css"> | ||||||
|   </head> |   </head> | ||||||
|   <body> |   <body> | ||||||
|     <canvas id="game-canvas" height="600" width="800"> |     <canvas id="game-canvas" height="800" width="1280"> | ||||||
|       You need a better browser to play this game. |       You need a better browser to play this game. | ||||||
|     </canvas> |     </canvas> | ||||||
|   </body> |   </body> | ||||||
|  | |||||||
							
								
								
									
										85
									
								
								rooms/real_outside.tmj
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										85
									
								
								rooms/real_outside.tmj
									
									
									
									
									
										Normal file
									
								
							| @ -0,0 +1,85 @@ | |||||||
|  | { "compressionlevel":-1, | ||||||
|  |  "height":16, | ||||||
|  |  "infinite":false, | ||||||
|  |  "layers":[ | ||||||
|  |         { | ||||||
|  |          "data":[2, 129, 130, 131, 2, 1, 1, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, | ||||||
|  |             1, 161, 162, 163, 2, 1, 1, 1, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, | ||||||
|  |             1, 193, 194, 195, 2, 2, 2, 1, 2, 2, 2, 2, 1, 1, 1, 1, 1, 2, 1, 2, | ||||||
|  |             1, 229, 230, 231, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, | ||||||
|  |             1, 261, 262, 263, 2, 2, 2, 2, 2, 2, 2, 137, 138, 138, 139, 2, 2, 1, 1, 2, | ||||||
|  |             2, 2, 2, 2, 2, 8, 9, 9, 9, 10, 2, 169, 170, 170, 171, 2, 1, 1, 2, 2, | ||||||
|  |             2, 2, 2, 2, 2, 40, 41, 41, 41, 42, 2, 201, 202, 202, 203, 2, 2, 2, 2, 2, | ||||||
|  |             1, 1, 2, 2, 2, 40, 41, 41, 41, 42, 2, 233, 234, 234, 235, 2, 2, 2, 2, 2, | ||||||
|  |             2, 1, 1, 2, 2, 72, 73, 73, 73, 74, 2, 265, 266, 266, 267, 2, 2, 2, 2, 2, | ||||||
|  |             2, 2, 1, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, | ||||||
|  |             2, 2, 2, 1, 1, 1, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, | ||||||
|  |             2, 2, 1, 1, 2, 1, 2, 1, 2, 2, 2, 2, 2, 2, 2, 1, 1, 2, 2, 2, | ||||||
|  |             2, 2, 1, 1, 2, 2, 2, 2, 1, 2, 1, 2, 2, 1, 1, 1, 1, 1, 1, 2, | ||||||
|  |             2, 2, 2, 1, 1, 2, 2, 2, 1, 1, 1, 2, 1, 1, 2, 2, 1, 1, 1, 2, | ||||||
|  |             2, 2, 2, 2, 1, 2, 2, 2, 2, 1, 2, 2, 1, 2, 2, 1, 1, 1, 1, 2, | ||||||
|  |             2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 1, 1, 1, 1, 2, 2, 1, 2], | ||||||
|  |          "height":16, | ||||||
|  |          "id":1, | ||||||
|  |          "name":"Tile Layer 1", | ||||||
|  |          "opacity":1, | ||||||
|  |          "type":"tilelayer", | ||||||
|  |          "visible":true, | ||||||
|  |          "width":20, | ||||||
|  |          "x":0, | ||||||
|  |          "y":0 | ||||||
|  |         },  | ||||||
|  |         { | ||||||
|  |          "draworder":"topdown", | ||||||
|  |          "id":2, | ||||||
|  |          "name":"Object Layer 1", | ||||||
|  |          "objects":[], | ||||||
|  |          "opacity":1, | ||||||
|  |          "type":"objectgroup", | ||||||
|  |          "visible":true, | ||||||
|  |          "x":0, | ||||||
|  |          "y":0 | ||||||
|  |         },  | ||||||
|  |         { | ||||||
|  |          "data":[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, | ||||||
|  |             0, 0, 0, 99, 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, 294, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, | ||||||
|  |             4, 4, 4, 4, 5, 0, 0, 0, 0, 0, 0, 97, 0, 0, 0, 0, 0, 0, 0, 0, | ||||||
|  |             0, 0, 0, 0, 37, 0, 43, 44, 45, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, | ||||||
|  |             0, 0, 0, 0, 35, 0, 75, 76, 77, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, | ||||||
|  |             0, 0, 0, 0, 35, 0, 0, 0, 0, 0, 0, 290, 0, 293, 0, 0, 3, 68, 68, 68, | ||||||
|  |             0, 0, 0, 0, 67, 4, 4, 4, 6, 68, 68, 68, 68, 68, 68, 68, 69, 0, 0, 0, | ||||||
|  |             0, 0, 0, 0, 0, 0, 0, 0, 37, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, | ||||||
|  |             0, 0, 0, 0, 0, 0, 0, 0, 37, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, | ||||||
|  |             0, 0, 0, 0, 0, 0, 0, 3, 69, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, | ||||||
|  |             0, 0, 0, 0, 0, 0, 0, 37, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, | ||||||
|  |             0, 0, 0, 0, 0, 0, 0, 37, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, | ||||||
|  |             0, 0, 0, 0, 0, 0, 0, 37, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], | ||||||
|  |          "height":16, | ||||||
|  |          "id":3, | ||||||
|  |          "name":"Tile Layer 2", | ||||||
|  |          "opacity":1, | ||||||
|  |          "type":"tilelayer", | ||||||
|  |          "visible":true, | ||||||
|  |          "width":20, | ||||||
|  |          "x":0, | ||||||
|  |          "y":0 | ||||||
|  |         }], | ||||||
|  |  "nextlayerid":4, | ||||||
|  |  "nextobjectid":1, | ||||||
|  |  "orientation":"orthogonal", | ||||||
|  |  "renderorder":"right-down", | ||||||
|  |  "tiledversion":"1.11.2", | ||||||
|  |  "tileheight":64, | ||||||
|  |  "tilesets":[ | ||||||
|  |         { | ||||||
|  |          "firstgid":1, | ||||||
|  |          "source":"..\/tilesets\/real_outside.tsj" | ||||||
|  |         }], | ||||||
|  |  "tilewidth":64, | ||||||
|  |  "type":"map", | ||||||
|  |  "version":"1.10", | ||||||
|  |  "width":20 | ||||||
|  | } | ||||||
| @ -9,7 +9,8 @@ const TILESET_ASSETS = { | |||||||
| 
 | 
 | ||||||
| const ROOM_ASSETS = { | const ROOM_ASSETS = { | ||||||
|   sampleRoom: "./rooms/sample_outside.tmj", |   sampleRoom: "./rooms/sample_outside.tmj", | ||||||
|   sampleInside: "./rooms/sample_inside.tmj" |   sampleInside: "./rooms/sample_inside.tmj", | ||||||
|  |   realOutside: "./rooms/real_outside.tmj" | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| export default class Assets { | export default class Assets { | ||||||
|  | |||||||
| @ -35,7 +35,7 @@ export default class Game { | |||||||
|   } |   } | ||||||
| 
 | 
 | ||||||
|   start() { |   start() { | ||||||
|     this.loadRoom(this.assets.get("sampleRoom")) |     this.loadRoom(this.assets.get("realOutside")) | ||||||
|     requestAnimationFrame(this.loop.bind(this)) |     requestAnimationFrame(this.loop.bind(this)) | ||||||
|   } |   } | ||||||
| 
 | 
 | ||||||
|  | |||||||
							
								
								
									
										14
									
								
								tilesets/real_outside.tsj
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										14
									
								
								tilesets/real_outside.tsj
									
									
									
									
									
										Normal file
									
								
							| @ -0,0 +1,14 @@ | |||||||
|  | { "columns":32, | ||||||
|  |  "image":"..\/assets\/outdoor.png", | ||||||
|  |  "imageheight":1024, | ||||||
|  |  "imagewidth":2048, | ||||||
|  |  "margin":0, | ||||||
|  |  "name":"real_outside", | ||||||
|  |  "spacing":0, | ||||||
|  |  "tilecount":512, | ||||||
|  |  "tiledversion":"1.11.2", | ||||||
|  |  "tileheight":64, | ||||||
|  |  "tilewidth":64, | ||||||
|  |  "type":"tileset", | ||||||
|  |  "version":"1.10" | ||||||
|  | } | ||||||
		Loading…
	
		Reference in New Issue
	
	Block a user