First working version of the office map! Yay!
authorDavid Négrier <d.negrier@thecodingmachine.com>
Wed, 15 Apr 2020 21:31:39 +0000 (23:31 +0200)
committerDavid Négrier <d.negrier@thecodingmachine.com>
Wed, 15 Apr 2020 21:31:39 +0000 (23:31 +0200)
1  2 
README.md
front/dist/maps/map.json
front/src/Phaser/Game/GameScene.ts

diff --cc README.md
index d71c3f0bff46278923502618d72669e46f7e86d0,6953dace09dc8d07d22fcf1294f2295a9351bedc..c36aac6b308dacd0ed88c076bcd392c8e07e40d9
+++ b/README.md
@@@ -32,6 -32,17 +32,19 @@@ Note: on some OSes, you will need to ad
  workadventure.localhost 127.0.0.1
  ```
  
+ ## Designing a map
+ If you want to design your own map, you can use [Tiled](https://www.mapeditor.org/).
+ A few things to notice:
+ - your map can have as many layers as your want
+ - your map MUST contain a layer named "floorLayer" of type "objectgroup" that represents the layer on which characters will be drawn.
++- the tilesets in your map MUST be embedded. You can refer to an external typeset in a TSX file. Click the "embed tileset" button in the tileset tab to embed tileset data.
++- your map MUST be exported in JSON format. You need to use a recent version of Tiled to get JSON format export (1.3+)
+ ![](doc/images/tiled_screenshot_1.png)
  ### MacOS developers, your environment with Vagrant
  
  If you are using MacOS, you can increase Docker performance using Vagrant. If you want more explanations, you can read [this medium article](https://medium.com/better-programming/vagrant-to-increase-docker-performance-with-macos-25b354b0c65c).
index a490c3b2f34e2ed61eb204d4ec91123ba54757b4,d116dc3e977474dcc9821d252ea0d80bf7b32126..b58fc6789a6537e7b6a27680e2b2e0efeb6dca5c
- { "compressionlevel":-1,\r
-  "height":18,\r
-  "infinite":false,\r
-  "layers":[\r
-         {\r
-          "data":[294, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 294, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 294, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 294, 294, 294, 294, 294, 294, 294, 294, 294, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 294, 294, 294, 294, 294, 294, 294, 294, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 294, 294, 294, 294, 294, 294, 294, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 294, 294, 294, 294, 294, 294, 294, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 271, 271, 271, 294, 294, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 294, 294, 294, 294, 294, 294, 294, 294, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 294, 294, 294, 294, 294, 294, 294, 294, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 294, 294, 294, 294, 294, 294, 294, 294, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 294, 294, 294, 294, 294, 294, 294, 294, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 271, 271, 271, 271, 271, 271, 271, 294, 294, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 294, 294, 294, 294, 294, 294, 294, 294, 294],\r
-          "height":18,\r
-          "id":2,\r
-          "name":"bottom",\r
-          "opacity":1,\r
-          "type":"tilelayer",\r
-          "visible":true,\r
-          "width":46,\r
-          "x":0,\r
-          "y":0\r
-         }, \r
-         {\r
-          "data":[0, 0, 115, 51, 52, 116, 115, 51, 52, 116, 115, 51, 52, 116, 0, 0, 57, 58, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 200, 245, 246, 247, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 67, 68, 0, 0, 67, 68, 0, 0, 67, 68, 0, 0, 0, 73, 74, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 216, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 65, 66, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 232, 245, 246, 247, 0, 0, 153, 155, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 114, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 153, 155, 0, 0, 0, 217, 0, 0, 0, 0, 0, 0, 0, 0, 0, 51, 52, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 29, 30, 29, 30, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 153, 155, 0, 0, 0, 199, 0, 0, 0, 0, 0, 0, 0, 0, 115, 67, 68, 116, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 29, 30, 0, 0, 29, 30, 29, 30, 0, 0, 0, 0, 0, 0, 0, 0, 169, 171, 0, 0, 0, 215, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 98, 0, 0, 0, 0, 29, 30, 0, 0, 0, 0, 0, 0, 0, 29, 30, 29, 30, 0, 0, 0, 0, 185, 187, 0, 0, 0, 33, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 51, 52, 116, 0, 0, 51, 52, 116, 0, 0, 0, 0, 29, 30, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 29, 30, 0, 0, 0, 0, 0, 0, 0, 8, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 115, 67, 68, 0, 0, 115, 67, 68, 0, 0, 0, 0, 29, 30, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 29, 30, 0, 0, 0, 0, 0, 0, 0, 24, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 51, 52, 116, 0, 0, 51, 52, 116, 0, 0, 0, 29, 30, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 29, 30, 0, 0, 0, 0, 0, 98, 0, 40, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 115, 67, 68, 0, 0, 115, 67, 68, 0, 0, 0, 0, 13, 14, 13, 14, 13, 14, 13, 14, 13, 14, 13, 14, 13, 14, 13, 14, 165, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 51, 52, 116, 0, 0, 51, 52, 116, 0, 0, 0, 29, 30, 29, 30, 29, 30, 29, 30, 29, 30, 29, 30, 29, 30, 29, 30, 181, 0, 0, 0, 0, 98, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 115, 67, 68, 0, 0, 115, 67, 68, 0, 0, 0, 0, 45, 46, 45, 46, 45, 46, 45, 46, 45, 46, 45, 46, 45, 46, 45, 46, 197, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 113, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 113, 0, 0, 0, 0, 0, 0, 0, 113, 0, 113, 0, 113, 0, 0, 51, 52, 0, 0, 0, 113, 0, 113, 0, 113, 0, 0, 51, 49, 50, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 49, 50, 0, 0, 0, 0, 0, 51, 49, 50, 49, 50, 49, 50, 0, 115, 67, 68, 116, 0, 49, 50, 49, 50, 49, 50, 0, 115, 67, 65, 66, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 51, 52, 0, 0, 0, 0, 115, 67, 65, 66, 65, 66, 65, 66, 0, 0, 51, 52, 0, 0, 65, 66, 65, 66, 65, 66, 0, 0, 0, 114, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 115, 67, 68, 116, 0, 0, 0, 0, 0, 114, 0, 114, 0, 114, 0, 0, 115, 67, 68, 116, 0, 114, 0, 114, 0, 114, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],\r
-          "height":18,\r
-          "id":1,\r
-          "name":"top",\r
-          "opacity":1,\r
-          "type":"tilelayer",\r
-          "visible":true,\r
-          "width":46,\r
-          "x":0,\r
-          "y":0\r
-         }],\r
-  "nextlayerid":3,\r
-  "nextobjectid":1,\r
-  "orientation":"orthogonal",\r
-  "renderorder":"right-down",\r
-  "tiledversion":"1.3.3",\r
-  "tileheight":32,\r
-  "tilesets":[\r
-         {\r
-          "firstgid":1,\r
-          "source":"office_1.tsx"\r
-         }, \r
-         {\r
-          "columns":8,\r
-          "firstgid":257,\r
-          "image":"floortileset.png",\r
-          "imageheight":256,\r
-          "imagewidth":256,\r
-          "margin":0,\r
-          "name":"floortileset",\r
-          "spacing":0,\r
-          "tilecount":64,\r
-          "tileheight":32,\r
-          "tiles":[\r
-                 {\r
-                  "id":37,\r
-                  "properties":[\r
-                         {\r
-                          "name":"collides",\r
-                          "type":"bool",\r
-                          "value":true\r
-                         }]\r
-                 }],\r
-          "tilewidth":32\r
-         }],\r
-  "tilewidth":32,\r
-  "type":"map",\r
-  "version":1.2,\r
-  "width":46\r
+ { "compressionlevel":-1,
+  "editorsettings":
+     {
+      "export":
+         {
+          "target":"."
+         }
+     },
 - "height":20,
++ "height":18,
+  "infinite":false,
+  "layers":[
+         {
 -         "data":[1, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 3, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 1, 2, 2, 2, 2, 2, 2, 3, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 17, 18, 18, 18, 18, 18, 18, 19, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 17, 18, 18, 18, 18, 18, 18, 19, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 17, 18, 18, 18, 18, 18, 18, 19, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 33, 34, 34, 34, 34, 34, 34, 35, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178, 178],
 -         "height":20,
 -         "id":1,
 -         "name":"Calque 1",
++         "data":[294, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 294, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 294, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 294, 294, 294, 294, 294, 294, 294, 294, 294, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 294, 294, 294, 294, 294, 294, 294, 294, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 294, 294, 294, 294, 294, 294, 294, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 294, 294, 294, 294, 294, 294, 294, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 271, 271, 271, 294, 294, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 294, 294, 294, 294, 294, 294, 294, 294, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 294, 294, 294, 294, 294, 294, 294, 294, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 294, 294, 294, 294, 294, 294, 294, 294, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 294, 294, 294, 294, 294, 294, 294, 294, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 271, 271, 271, 271, 271, 271, 271, 294, 294, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 294, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 271, 294, 294, 294, 294, 294, 294, 294, 294, 294],
++         "height":18,
++         "id":2,
++         "name":"bottom",
+          "opacity":1,
+          "type":"tilelayer",
+          "visible":true,
 -         "width":20,
++         "width":46,
+          "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, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 61, 62, 62, 63, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 93, 94, 94, 95, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 109, 110, 110, 111, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 194, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 209, 177, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 164, 193, 194, 194, 194, 194, 194, 194, 194, 194, 194, 194, 194, 194, 194, 194, 194, 194, 194, 195, 164, 209, 210, 210, 210, 210, 210, 210, 210, 210, 210, 210, 210, 210, 210, 210, 210, 210, 210, 211],
 -         "height":20,
++         "draworder":"topdown",
+          "id":3,
 -         "name":"Calque 2",
++         "name":"floorLayer",
++         "objects":[],
++         "opacity":1,
++         "type":"objectgroup",
++         "visible":true,
++         "x":0,
++         "y":0
++        }, 
++        {
++         "data":[0, 0, 115, 51, 52, 116, 115, 51, 52, 116, 115, 51, 52, 116, 0, 0, 57, 58, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 200, 245, 246, 247, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 67, 68, 0, 0, 67, 68, 0, 0, 67, 68, 0, 0, 0, 73, 74, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 216, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 65, 66, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 232, 245, 246, 247, 0, 0, 153, 155, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 114, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 153, 155, 0, 0, 0, 217, 0, 0, 0, 0, 0, 0, 0, 0, 0, 51, 52, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 29, 30, 29, 30, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 153, 155, 0, 0, 0, 199, 0, 0, 0, 0, 0, 0, 0, 0, 115, 67, 68, 116, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 29, 30, 0, 0, 29, 30, 29, 30, 0, 0, 0, 0, 0, 0, 0, 0, 169, 171, 0, 0, 0, 215, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 98, 0, 0, 0, 0, 29, 30, 0, 0, 0, 0, 0, 0, 0, 29, 30, 29, 30, 0, 0, 0, 0, 185, 187, 0, 0, 0, 33, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 51, 52, 116, 0, 0, 51, 52, 116, 0, 0, 0, 0, 29, 30, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 29, 30, 0, 0, 0, 0, 0, 0, 0, 8, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 115, 67, 68, 0, 0, 115, 67, 68, 0, 0, 0, 0, 29, 30, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 29, 30, 0, 0, 0, 0, 0, 0, 0, 24, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 51, 52, 116, 0, 0, 51, 52, 116, 0, 0, 0, 29, 30, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 29, 30, 0, 0, 0, 0, 0, 98, 0, 40, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 115, 67, 68, 0, 0, 115, 67, 68, 0, 0, 0, 0, 13, 14, 13, 14, 13, 14, 13, 14, 13, 14, 13, 14, 13, 14, 13, 14, 165, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 51, 52, 116, 0, 0, 51, 52, 116, 0, 0, 0, 29, 30, 29, 30, 29, 30, 29, 30, 29, 30, 29, 30, 29, 30, 29, 30, 181, 0, 0, 0, 0, 98, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 115, 67, 68, 0, 0, 115, 67, 68, 0, 0, 0, 0, 45, 46, 45, 46, 45, 46, 45, 46, 45, 46, 45, 46, 45, 46, 45, 46, 197, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 113, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 113, 0, 0, 0, 0, 0, 0, 0, 113, 0, 113, 0, 113, 0, 0, 51, 52, 0, 0, 0, 113, 0, 113, 0, 113, 0, 0, 51, 49, 50, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 49, 50, 0, 0, 0, 0, 0, 51, 49, 50, 49, 50, 49, 50, 0, 115, 67, 68, 116, 0, 49, 50, 49, 50, 49, 50, 0, 115, 67, 65, 66, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 51, 52, 0, 0, 0, 0, 115, 67, 65, 66, 65, 66, 65, 66, 0, 0, 51, 52, 0, 0, 65, 66, 65, 66, 65, 66, 0, 0, 0, 114, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 115, 67, 68, 116, 0, 0, 0, 0, 0, 114, 0, 114, 0, 114, 0, 0, 115, 67, 68, 116, 0, 114, 0, 114, 0, 114, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
++         "height":18,
++         "id":1,
++         "name":"top",
+          "opacity":1,
+          "type":"tilelayer",
+          "visible":true,
 -         "width":20,
++         "width":46,
+          "x":0,
+          "y":0
+         }],
+  "nextlayerid":4,
+  "nextobjectid":1,
+  "orientation":"orthogonal",
+  "renderorder":"right-down",
+  "tiledversion":"1.3.3",
+  "tileheight":32,
+  "tilesets":[
+         {
+          "columns":16,
+          "firstgid":1,
 -         "image":"tiles.png",
++         "image":"tilesets_deviant_milkian_1.png",
+          "imageheight":512,
+          "imagewidth":512,
+          "margin":0,
 -         "name":"tiles",
++         "name":"office_1",
+          "spacing":0,
+          "tilecount":256,
+          "tileheight":32,
++         "tiles":[
++                {
++                 "id":7,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":12,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":13,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":14,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":15,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":23,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":28,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":29,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":30,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":31,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":39,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":44,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":45,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":48,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":49,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":50,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":51,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":52,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":56,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":57,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":64,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":65,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":66,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":67,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":68,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":72,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":73,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":84,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":152,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":153,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":154,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":155,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":156,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":157,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":161,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":162,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":168,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":169,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":170,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":171,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":172,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":173,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":177,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":178,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":184,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":185,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":186,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":196,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":198,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }, 
++                {
++                 "id":214,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }],
++         "tilewidth":32
++        }, 
++        {
++         "columns":8,
++         "firstgid":257,
++         "image":"floortileset.png",
++         "imageheight":256,
++         "imagewidth":256,
++         "margin":0,
++         "name":"floortileset",
++         "spacing":0,
++         "tilecount":64,
++         "tileheight":32,
++         "tiles":[
++                {
++                 "id":37,
++                 "properties":[
++                        {
++                         "name":"collides",
++                         "type":"bool",
++                         "value":true
++                        }]
++                }],
+          "tilewidth":32
+         }],
+  "tilewidth":32,
+  "type":"map",
+  "version":1.2,
 - "width":20
++ "width":46
  }
index d3c1a6d3018d383c22013862101766ed22640f9f,36054b4ec19964dfd5bddab182c743320ee56429..70467c7cad3442443e14167bd37cf28dcf742b89
@@@ -45,8 -46,8 +46,12 @@@ export class GameScene extends Phaser.S
          this.load.on('filecomplete-tilemapJSON-'+Textures.Map, (key: string, type: string, data: any) => {
              // Triggered when the map is loaded
              // Load tiles attached to the map recursively
-             let map: ITiledMap = data.data;
-             map.tilesets.forEach((tileset) => {
+             this.map = data.data;
+             this.map.tilesets.forEach((tileset) => {
++                if (typeof tileset.name === 'undefined' || typeof tileset.image === 'undefined') {
++                    console.warn("Don't know how to handle tileset ", tileset)
++                    return;
++                }
                  let path = mapUrl.substr(0, mapUrl.lastIndexOf('/'));
                  this.load.image(tileset.name, path + '/' + tileset.image);
              })