change tilemap 2x1 add readme enlarge dropzone

.vscode/launch.json

@@ -0,0 +1,14 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "node",
+            "request": "launch",
+            "name": "Launch Program",
+            "program": "${workspaceFolder}\\server\\index.js"
+        }
+    ]
+}

README.md

@@ -1,2 +1,4 @@
 # pokemonAutoChess
-Pokemon Auto Chess Project 
+Pokemon Auto Chess Project
+
+![auto chess](client/dist/assets/screenshots/main.png)

client/dist/assets/tiles/tilemap4.tmx

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<map version="1.2" tiledversion="1.2.5" orientation="orthogonal" renderorder="right-down" width="60" height="30" tilewidth="34" tileheight="34" infinite="0" nextlayerid="2" nextobjectid="1">
+ <tileset firstgid="1" name="tileset" tilewidth="34" tileheight="34" tilecount="720" columns="24">
+  <image source="tileset.png" width="816" height="1020"/>
+ </tileset>
+ <layer id="1" name="World" width="60" height="30">
+  <data encoding="base64">
+   fwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAADIAAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAsAAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAJUAAACWAAAAlgAAAJYAAACWAAAAlgAAAJYAAACWAAAAlgAAAJYAAACWAAAAlgAAAJYAAACWAAAAlgAAAJYAAACWAAAAlgAAAJYAAACWAAAAlgAAAJYAAACWAAAAlgAAAJYAAACWAAAAlgAAAJYAAACXAAAAaAAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAGgAAAB/AAAAfwAAAH8AAAB/AAAAfwAAAGgAAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAK0AAAANAAAADgAAAA4AAAAOAAAADgAAAA4AAAAOAAAADgAAAA4AAAAOAAAADgAAAA4AAAAOAAAADgAAAA4AAAAOAAAADgAAAA4AAAAOAAAADgAAAA4AAAAOAAAADgAAAA4AAAAOAAAADgAAAA8AAACvAAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAK0AAAAlAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIcAAACFAAAAhgAAAIcAAACFAAAAhgAAACcAAACvAAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAA4AAAAfwAAAH8AAAB/AAAAfwAAAK0AAAA9AAAAPgAAAD4AAAA+AAAAPgAAAD4AAAA+AAAAPgAAAD4AAAA+AAAAPgAAAD4AAAA+AAAAPgAAAD4AAAA+AAAAPgAAAD4AAAA+AAAAPgAAAD4AAAA+AAAAPgAAAD4AAAA+AAAAPgAAAD8AAACvAAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAOAAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAK0AAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIcAAACFAAAAhgAAAIcAAACFAAAAhgAAAIcAAACvAAAAfwAAAH8AAAB/AAAAfwAAADgAAAB/AAAAfwAAAH8AAAB/AAAAfwAAADgAAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAK0AAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIcAAACFAAAAhgAAAIcAAACFAAAAhgAAAIcAAACvAAAAIAAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAACAAAAB/AAAAfwAAAH8AAAB/AAAAfwAAACAAAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAK0AAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIcAAACFAAAAhgAAAIcAAACFAAAAhgAAAIcAAACvAAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAK0AAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIcAAACFAAAAhgAAAIcAAACFAAAAhgAAAIcAAACvAAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAaAAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAgAAAAH8AAAB/AAAAfwAAAK0AAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIcAAACFAAAAhgAAAIcAAACFAAAAhgAAAIcAAACvAAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAOAAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAK0AAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIcAAACFAAAAhgAAAIcAAACFAAAAhgAAAIcAAACvAAAAfwAAAH8AAAB/AAAAfwAAAH8AAACAAAAAfwAAAH8AAAB/AAAAfwAAAH8AAACAAAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAK0AAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIcAAACFAAAAhgAAAIcAAACFAAAAhgAAAIcAAACvAAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAK0AAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIcAAACFAAAAhgAAAIcAAACFAAAAhgAAAIcAAACvAAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAK0AAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIcAAACFAAAAhgAAAIcAAACFAAAAhgAAAIcAAACvAAAAIAAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAACAAAAB/AAAAfwAAAH8AAAB/AAAAfwAAACAAAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAMgAAAB/AAAAfwAAAH8AAAB/AAAAfwAAAK0AAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIcAAACFAAAAhgAAAIcAAACFAAAAhgAAAIcAAACvAAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAABoAAAAaAAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAK0AAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIcAAACFAAAAhgAAAIcAAACFAAAAhgAAAIcAAACvAAAAfwAAAH8AAAB/AAAAyAAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAyAAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAMgAAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAA4AAAAfwAAAK0AAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIcAAACFAAAAhgAAAIcAAACFAAAAhgAAAIcAAACvAAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAaAAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAK0AAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIcAAACFAAAAhgAAAIcAAACFAAAAhgAAAIcAAACvAAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAK0AAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIcAAACFAAAAhgAAAIcAAACFAAAAhgAAAIcAAACvAAAAOAAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAADgAAAB/AAAAfwAAAH8AAAB/AAAAfwAAADgAAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAK0AAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIcAAACFAAAAhgAAAIcAAACFAAAAhgAAAIcAAACvAAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAK0AAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIcAAACFAAAAhgAAAIcAAACFAAAAhgAAAIcAAACvAAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAaAAAAH8AAAB/AAAAfwAAADgAAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAK0AAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIcAAACFAAAAhgAAAIcAAACFAAAAhgAAAIcAAACvAAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAK0AAAANAAAADgAAAA4AAAAOAAAADgAAAA4AAAAOAAAADgAAAA4AAAAOAAAADgAAAA4AAAAOAAAADgAAAA4AAAAOAAAADgAAAA4AAAAOAAAADgAAAA4AAAAOAAAADgAAAA4AAAAOAAAADgAAAA8AAACvAAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAADgAAAB/AAAAfwAAAH8AAADIAAAAfwAAAK0AAAAlAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIYAAACHAAAAhQAAAIcAAACFAAAAhgAAAIcAAACFAAAAhgAAACcAAACvAAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAABoAAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAK0AAAA9AAAAPgAAAD4AAAA+AAAAPgAAAD4AAAA+AAAAPgAAAD4AAAA+AAAAPgAAAD4AAAA+AAAAPgAAAD4AAAA+AAAAPgAAAD4AAAA+AAAAPgAAAD4AAAA+AAAAPgAAAD4AAAA+AAAAPgAAAD8AAACvAAAAfwAAAH8AAAB/AAAAOAAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAOAAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAADgAAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAMUAAADGAAAAxgAAAMYAAADGAAAAxgAAAMYAAADGAAAAxgAAAMYAAADGAAAAxgAAAMYAAADGAAAAxgAAAMYAAADGAAAAxgAAAMYAAADGAAAAxgAAAMYAAADGAAAAxgAAAMYAAADGAAAAxgAAAMYAAADHAAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAADIAAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAIAAAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAACwAAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAOAAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAABoAAAAfwAAAH8AAAB/AAAAfwAAAH8AAABoAAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAACAAAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAACAAAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAABoAAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAAfwAAAH8AAAB/AAAA
+  </data>
+ </layer>
+</map>

client/src/scenes/GameScene.js

@@ -22,7 +22,7 @@ export default class GameScene extends Phaser.Scene
       this.load.tilemapTiledJSON("map","assets/tiles/tilemap.json")
       this.load.image("user","assets/ui/user.png");
       this.load.image("dashboard","assets/ui/dashboard.png");
-      this.load.image("transition","assets/ui/favicon.png");
+      this.load.image("transition","assets/ui/transition.png");
     }
 
     create()
@@ -49,8 +49,10 @@ export default class GameScene extends Phaser.Scene
           align: "center"
         };
         this.nameText = this.add.text(50,50, window.sessionId, this.textStyle);
-        this.timeText = this.add.text(850,20,window.state.time, this.textStyle);
-        this.transitionImage = new Phaser.GameObjects.Image(this, 750, 450, 'transition').setScale(1.5,1.5);
+        this.timeText = this.add.text(700,20,window.state.time, this.textStyle);
+        this.transitionImage = new Phaser.GameObjects.Image(this, 720, 450, 'transition').setScale(1.5,1.5);
+        this.transitionScreen = this.add.container(0, 0, this.transitionImage).setDepth(Number.MAX_VALUE);
+        this.transitionScreen.alpha = 0;
 
         this.initilizeDragAndDrop();
         window.initialized = true;
@@ -63,8 +65,6 @@ export default class GameScene extends Phaser.Scene
 
     fade()
     {
-        this.transitionScreen = this.add.container(0, 0, this.transitionImage).setDepth(Number.MAX_VALUE);
-        this.transitionScreen.alpha = 0;
         this.tweens.add({
             targets: this.transitionScreen,
             duration: 150,
@@ -90,7 +90,7 @@ export default class GameScene extends Phaser.Scene
         {
             for (let j = 0; j < 9; j++) 
             {
-                self.zones.push(self.add.zone(330 + 100 * j,790 - 80 * i,60,60).setRectangleDropZone(60,60).setName('zone-' + j + '-' + i));
+                self.zones.push(self.add.zone(330 + 100 * j,790 - 80 * i,90,70).setRectangleDropZone(90,70).setName('zone-' + j + '-' + i));
                 self.graphics.push(self.add.graphics().lineStyle(2,0xffff00).strokeRect(
                     self.zones[i * 9 + j].x - self.zones[i * 9 + j].input.hitArea.width / 2,
                     self.zones[i * 9 + j].y - self.zones[i * 9 + j].input.hitArea.height / 2,