i dont even remember, something, something, zone editor

src/screens/Game.vue

@@ -1,16 +1,24 @@
 <template>
   <div class="game-container">
-    <Game class="game" :config="gameConfig" @create="createGame">
+    <GmTools />
+
+    <Game class="game" :config="gameConfig" @create="createGame" v-if="!zoneEditorStore.active">
       <Scene name="main" @preload="preloadScene" @create="createScene">
-        <GmTools />
-        <div v-if="!zoneEditorStore.active">
-          <div class="top-ui"><Hud /></div>
-          <World />
-          <div class="bottom-ui"><Chat /> <Menubar /></div>
-        </div>
-        <div v-else>
-          <ZoneEditor />
-        </div>
+          <div class="top-ui">
+            <Hud />
+          </div>
+          <div class="center-ui">
+            <World />
+          </div>
+          <div class="bottom-ui">
+            <Chat />
+            <Menubar />
+          </div>
+      </Scene>
+    </Game>
+    <Game class="game" :config="gameConfig" @create="createGame" v-else>
+      <Scene name="main" @preload="preloadScene" @create="createScene">
+        <ZoneEditor />
       </Scene>
     </Game>
   </div>
@@ -45,7 +53,7 @@ const gameConfig = {
   name: 'New Quest',
   width: window.innerWidth,
   height: window.innerHeight,
-  type: Phaser.WEBGL,
+  type: Phaser.CANVAS,
   pixelArt: true
 }
 
@@ -61,7 +69,7 @@ const preloadScene = (scene: Phaser.Scene) => {
    * Write logic that downloads all assets from out websocket or http server in base64 format
    * Don't forget to check how intensive that operation is with sockets for performance
    */
-  scene.load.image('tiles', '/assets/tiles/default.png')
+  scene.load.image('tiles', '/assets/zone/tiles.png')
   scene.load.image('waypoint', '/assets/waypoint.png')
   scene.textures.addBase64(
     'character',