Skip to content
This repository was archived by the owner on Aug 16, 2020. It is now read-only.

Commit fe0e9cf

Browse files
committed
tilemap tutorial
1 parent c35c1d5 commit fe0e9cf

File tree

7 files changed

+629
-2
lines changed

7 files changed

+629
-2
lines changed

dist/assets/image/items.png

75.5 KB
Loading
343 KB
Loading

dist/assets/maps/mappy.json

Lines changed: 212 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,212 @@
1+
{ "height":30,
2+
"infinite":false,
3+
"layers":[
4+
{
5+
"data":[376, 183, 374, 802, 801, 183, 182, 184, 802, 374, 374, 183, 119, 183, 183, 805, 376, 801, 374, 805, 375, 182, 376, 374, 804, 183, 801, 119, 184, 182, 802, 805, 183, 374, 182, 183, 804, 804, 802, 184, 804, 376, 803, 376, 801, 805, 376, 803, 119, 803, 804, 119, 375, 375, 805, 376, 183, 119, 805, 802, 804, 802, 376, 182, 374, 182, 183, 804, 376, 183, 803, 183, 184, 183, 376, 376, 375, 801, 375, 803, 804, 183, 184, 183, 803, 803, 803, 375, 119, 802, 374, 802, 803, 803, 805, 376, 182, 183, 802, 375, 804, 801, 801, 803, 376, 804, 803, 183, 375, 376, 183, 184, 805, 801, 802, 802, 804, 182, 182, 374, 804, 375, 801, 119, 374, 375, 805, 805, 375, 801, 375, 374, 376, 119, 183, 804, 803, 802, 804, 376, 375, 374, 182, 801, 801, 183, 119, 803, 802, 805, 119, 803, 376, 375, 376, 804, 183, 803, 804, 183, 376, 182, 119, 376, 804, 182, 801, 802, 374, 802, 374, 803, 182, 182, 802, 375, 801, 182, 803, 376, 182, 801, 374, 376, 374, 803, 376, 376, 801, 801, 374, 183, 119, 803, 184, 182, 801, 183, 183, 374, 376, 375, 183, 375, 119, 805, 119, 183, 375, 374, 374, 374, 375, 374, 803, 804, 802, 376, 801, 805, 182, 375, 805, 182, 805, 801, 374, 119, 802, 802, 119, 375, 802, 374, 805, 805, 119, 182, 802, 182, 804, 374, 184, 183, 182, 376, 376, 802, 374, 0, 804, 803, 804, 804, 376, 805, 374, 804, 184, 184, 376, 182, 119, 802, 804, 805, 802, 182, 805, 182, 801, 803, 184, 804, 183, 804, 804, 119, 376, 374, 802, 804, 183, 183, 184, 184, 184, 803, 182, 375, 376, 376, 803, 374, 182, 375, 374, 801, 374, 376, 803, 802, 184, 801, 182, 374, 183, 375, 376, 184, 375, 374, 374, 375, 375, 802, 184, 184, 805, 804, 801, 804, 182, 119, 804, 183, 802, 119, 183, 183, 803, 183, 804, 182, 804, 803, 803, 182, 374, 804, 803, 805, 376, 183, 802, 183, 805, 803, 119, 375, 184, 805, 374, 804, 376, 182, 183, 801, 803, 805, 802, 803, 119, 801, 804, 376, 184, 182, 119, 802, 803, 184, 183, 801, 183, 376, 119, 805, 374, 374, 803, 184, 801, 119, 376, 804, 184, 374, 801, 801, 802, 376, 183, 374, 802, 804, 374, 805, 182, 374, 802, 802, 802, 119, 803, 374, 805, 376, 803, 803, 119, 802, 119, 376, 804, 184, 183, 376, 119, 801, 184, 182, 802, 376, 803, 374, 801, 183, 805, 374, 374, 375, 182, 374, 375, 802, 376, 374, 183, 801, 376, 182, 804, 804, 184, 375, 376, 182, 183, 375, 803, 805, 119, 183, 119, 183, 804, 801, 375, 375, 184, 182, 184, 804, 183, 376, 182, 375, 119, 376, 801, 376, 801, 375, 805, 184, 184, 183, 803, 803, 804, 802, 119, 802, 184, 802, 375, 182, 805, 376, 805, 802, 803, 803, 183, 183, 804, 801, 375, 182, 119, 805, 376, 805, 184, 119, 183, 375, 375, 805, 805, 183, 803, 376, 184, 801, 374, 805, 803, 804, 802, 182, 119, 183, 375, 375, 376, 183, 375, 802, 375, 803, 375, 182, 802, 805, 182, 119, 182, 802, 802, 184, 801, 803, 119, 184, 805, 376, 375, 376, 375, 803, 802, 183, 804, 804, 183, 802, 804, 184, 804, 376, 183, 374, 804, 376, 802, 801, 802, 182, 374, 804, 801, 802, 801, 374, 802, 376, 119, 183, 805, 183, 375, 184, 119, 119, 119, 183, 803, 801, 374, 803, 805, 801, 375, 805, 376, 801, 805, 182, 802, 376, 804, 183, 184, 374, 182, 183, 803, 805, 801, 376, 804, 375, 376, 374, 182, 119, 119, 804, 184, 374, 374, 183, 805, 376, 375, 375, 183, 804, 805, 804, 801, 182, 374, 183, 119, 801, 374, 375, 182, 801, 374, 375, 184, 804, 802, 804, 805, 182, 183, 801, 804, 374, 375, 375, 184, 184, 182, 804, 183, 804, 804, 801, 801, 805, 183, 374, 119, 182, 375, 375, 805, 119, 805, 182, 182, 182, 375, 375, 803, 804, 374, 119, 374, 119, 804, 119, 803, 802, 805, 801, 375, 802, 184, 801, 803, 804, 119, 374, 803, 374, 804, 803, 804, 803, 375, 804, 804, 375, 801, 183, 376, 805, 804, 803, 805, 184, 803, 374, 376, 804, 803, 183, 802, 376, 182, 803, 802, 801, 182, 374, 119, 801, 376, 801, 804, 805, 805, 374, 803, 376, 805, 182, 376, 376, 802, 801, 801, 801, 375, 374, 802, 801, 183, 374, 183, 801, 183, 119, 119, 184, 802, 801, 805, 375, 374, 805, 803, 802, 376, 804, 802, 182, 805, 183, 805, 375, 119, 182, 183, 803, 119, 802, 804, 374, 183, 805, 801, 182, 119, 375, 375, 802, 119, 803, 376, 801, 376, 182, 802, 802, 182, 376, 119, 375, 375, 182, 119, 184, 184, 374, 802, 376, 375, 802, 119, 804, 801, 375, 183, 805, 374, 119, 375, 802, 182, 119, 184, 182, 802, 374, 119, 182, 801, 805, 804, 805, 119, 183, 803, 375, 184, 182, 375, 375, 801, 376, 376, 184, 374, 803, 119, 184, 119, 801, 375, 801, 804, 119, 375, 119, 801, 805, 119, 375, 183, 802, 802, 804, 803, 184, 801, 805, 803, 805, 182, 119, 182, 183, 376, 184, 182, 183, 374, 119, 375, 801, 182, 374, 803, 802, 183, 804, 801, 182, 803, 801, 802, 119],
6+
"height":30,
7+
"id":7,
8+
"name":"bot",
9+
"opacity":1,
10+
"type":"tilelayer",
11+
"visible":true,
12+
"width":30,
13+
"x":0,
14+
"y":0
15+
},
16+
{
17+
"data":[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, 1019, 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, 699, 700, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 272, 273, 274, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 731, 732, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 304, 305, 306, 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, 336, 337, 338, 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, 217, 0, 0, 0, 0, 0, 0, 31, 32, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 249, 0, 0, 0, 0, 0, 0, 63, 64, 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, 95, 96, 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, 127, 128, 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, 159, 160, 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, 269, 270, 271, 0, 0, 0, 0, 0, 0, 0, 0, 1116, 0, 0, 0, 0, 522, 523, 524, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 301, 302, 303, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 554, 555, 556, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 333, 334, 335, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 586, 587, 588, 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, 618, 619, 620, 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, 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, 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, 699, 700, 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, 731, 732, 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, 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],
18+
"height":30,
19+
"id":6,
20+
"name":"top",
21+
"opacity":1,
22+
"type":"tilelayer",
23+
"visible":true,
24+
"width":30,
25+
"x":0,
26+
"y":0
27+
},
28+
{
29+
"draworder":"topdown",
30+
"id":9,
31+
"name":"pickup",
32+
"objects":[
33+
{
34+
"gid":1114,
35+
"height":32,
36+
"id":4,
37+
"name":"",
38+
"rotation":0,
39+
"type":"",
40+
"visible":true,
41+
"width":32,
42+
"x":288,
43+
"y":256
44+
},
45+
{
46+
"gid":1114,
47+
"height":32,
48+
"id":5,
49+
"name":"",
50+
"rotation":0,
51+
"type":"",
52+
"visible":true,
53+
"width":32,
54+
"x":96,
55+
"y":384
56+
},
57+
{
58+
"gid":1114,
59+
"height":32,
60+
"id":6,
61+
"name":"",
62+
"rotation":0,
63+
"type":"",
64+
"visible":true,
65+
"width":32,
66+
"x":384,
67+
"y":160
68+
},
69+
{
70+
"gid":1114,
71+
"height":32,
72+
"id":7,
73+
"name":"",
74+
"rotation":0,
75+
"type":"",
76+
"visible":true,
77+
"width":32,
78+
"x":96,
79+
"y":224
80+
},
81+
{
82+
"gid":1114,
83+
"height":32,
84+
"id":8,
85+
"name":"",
86+
"rotation":0,
87+
"type":"",
88+
"visible":true,
89+
"width":32,
90+
"x":320,
91+
"y":480
92+
},
93+
{
94+
"gid":1114,
95+
"height":32,
96+
"id":9,
97+
"name":"",
98+
"rotation":0,
99+
"type":"",
100+
"visible":true,
101+
"width":32,
102+
"x":608,
103+
"y":288
104+
}],
105+
"opacity":1,
106+
"type":"objectgroup",
107+
"visible":true,
108+
"x":0,
109+
"y":0
110+
}],
111+
"nextlayerid":10,
112+
"nextobjectid":11,
113+
"orientation":"orthogonal",
114+
"renderorder":"right-down",
115+
"tiledversion":"1.2.2",
116+
"tileheight":32,
117+
"tilesets":[
118+
{
119+
"columns":32,
120+
"firstgid":1,
121+
"image":"D:\/gate\/dist\/assets\/image\/terrain_atlas.png",
122+
"imageheight":1024,
123+
"imagewidth":1024,
124+
"margin":0,
125+
"name":"terrain_atlas",
126+
"spacing":0,
127+
"tilecount":1024,
128+
"tileheight":32,
129+
"tiles":[
130+
{
131+
"id":158,
132+
"properties":[
133+
{
134+
"name":"collides",
135+
"type":"bool",
136+
"value":true
137+
}]
138+
},
139+
{
140+
"id":159,
141+
"properties":[
142+
{
143+
"name":"collides",
144+
"type":"bool",
145+
"value":true
146+
}]
147+
},
148+
{
149+
"id":698,
150+
"properties":[
151+
{
152+
"name":"collides",
153+
"type":"bool",
154+
"value":true
155+
}]
156+
},
157+
{
158+
"id":699,
159+
"properties":[
160+
{
161+
"name":"collides",
162+
"type":"bool",
163+
"value":true
164+
}]
165+
},
166+
{
167+
"id":730,
168+
"properties":[
169+
{
170+
"name":"collides",
171+
"type":"bool",
172+
"value":true
173+
}]
174+
},
175+
{
176+
"id":731,
177+
"properties":[
178+
{
179+
"name":"collides",
180+
"type":"bool",
181+
"value":true
182+
}]
183+
},
184+
{
185+
"id":1018,
186+
"properties":[
187+
{
188+
"name":"msg",
189+
"type":"string",
190+
"value":"looks delicious"
191+
}]
192+
}],
193+
"tilewidth":32
194+
},
195+
{
196+
"columns":16,
197+
"firstgid":1025,
198+
"image":"D:\/gate\/dist\/assets\/image\/items.png",
199+
"imageheight":512,
200+
"imagewidth":512,
201+
"margin":0,
202+
"name":"items",
203+
"spacing":0,
204+
"tilecount":256,
205+
"tileheight":32,
206+
"tilewidth":32
207+
}],
208+
"tilewidth":32,
209+
"type":"map",
210+
"version":1.2,
211+
"width":30
212+
}

0 commit comments

Comments
 (0)