bassguitarbill/top-down-action-adventure
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Load up a brand new map

Browse Source
This commit is contained in:
Bill Rossi 2025-06-11 03:06:37 -04:00
parent 0c0acea8b7
commit 45cbcded92
5 changed files with 103 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -6,7 +6,7 @@
<link rel="stylesheet" href="style.css">
</head>
<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.
</canvas>
</body>

85
rooms/real_outside.tmj Normal file
View 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
}

3
src/assets.js
View File

@ -9,7 +9,8 @@ const TILESET_ASSETS = {
const ROOM_ASSETS = {
sampleRoom: "./rooms/sample_outside.tmj",
sampleInside: "./rooms/sample_inside.tmj"
sampleInside: "./rooms/sample_inside.tmj",
realOutside: "./rooms/real_outside.tmj"
}
export default class Assets {

2
src/game.js
View File

@ -35,7 +35,7 @@ export default class Game {
}
start() {
this.loadRoom(this.assets.get("sampleRoom"))
this.loadRoom(this.assets.get("realOutside"))
requestAnimationFrame(this.loop.bind(this))
}

14
tilesets/real_outside.tsj Normal file
View 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"
}