From af260ad22917b30a819f1a0d2ef788b546d82364 Mon Sep 17 00:00:00 2001
From: Piotr Dobrowolski <admin@tastycode.pl>
Date: Sun, 3 Jan 2021 12:23:13 +0100
Subject: [PATCH 1/3] front: add AnimatedTiles plugin

---
 front/package.json                 | 1 +
 front/src/Phaser/Game/GameScene.ts | 5 +++++
 front/tsconfig.json                | 1 +
 front/yarn.lock                    | 4 ++++
 4 files changed, 11 insertions(+)

diff --git a/front/package.json b/front/package.json
index 09f27ec5..d429bd42 100644
--- a/front/package.json
+++ b/front/package.json
@@ -27,6 +27,7 @@
     "generic-type-guard": "^3.2.0",
     "google-protobuf": "^3.13.0",
     "phaser": "^3.22.0",
+    "phaser-animated-tiles": "Informatic/phaser-animated-tiles#2d5c66a9bc426dd4cb2d856c1d599494a74f8067",
     "queue-typescript": "^1.0.1",
     "quill": "^1.3.7",
     "simple-peer": "^9.6.2",
diff --git a/front/src/Phaser/Game/GameScene.ts b/front/src/Phaser/Game/GameScene.ts
index 181592e2..ab9232d4 100644
--- a/front/src/Phaser/Game/GameScene.ts
+++ b/front/src/Phaser/Game/GameScene.ts
@@ -68,6 +68,8 @@ import {SelectCharacterScene, SelectCharacterSceneName} from "../Login/SelectCha
 import {TextureError} from "../../Exception/TextureError";
 import {TextField} from "../Components/TextField";
 
+import AnimatedTiles from "phaser-animated-tiles";
+
 export interface GameSceneInitInterface {
     initPosition: PointInterface|null,
     reconnecting: boolean
@@ -114,6 +116,7 @@ export class GameScene extends ResizableScene implements CenterListener {
     Layers!: Array<Phaser.Tilemaps.TilemapLayer>;
     Objects!: Array<Phaser.Physics.Arcade.Sprite>;
     mapFile!: ITiledMap;
+    animatedTiles!: AnimatedTiles;
     groups: Map<number, Sprite>;
     startX!: number;
     startY!: number;
@@ -189,6 +192,7 @@ export class GameScene extends ResizableScene implements CenterListener {
                 file: file.src
             });
         });
+        this.load.scenePlugin('AnimatedTiles', AnimatedTiles, 'animatedTiles', 'animatedTiles');
         this.load.on('filecomplete-tilemapJSON-'+this.MapUrlFile, (key: string, type: string, data: unknown) => {
             this.onMapLoad(data);
         });
@@ -400,6 +404,7 @@ export class GameScene extends ResizableScene implements CenterListener {
         
         this.initCamera();
 
+        this.animatedTiles.init(this.Map);
         this.initCirclesCanvas();
 
         // Let's pause the scene if the connection is not established yet
diff --git a/front/tsconfig.json b/front/tsconfig.json
index 3fce57ea..fbfc8c07 100644
--- a/front/tsconfig.json
+++ b/front/tsconfig.json
@@ -8,6 +8,7 @@
     "downlevelIteration": true,
     "jsx": "react",
     "allowJs": true,
+    "esModuleInterop": true,
 
     "strict": true,                           /* Enable all strict type-checking options. */
      "noImplicitAny": true,                 /* Raise error on expressions and declarations with an implied 'any' type. */
diff --git a/front/yarn.lock b/front/yarn.lock
index a31409a6..ea50cc4d 100644
--- a/front/yarn.lock
+++ b/front/yarn.lock
@@ -3663,6 +3663,10 @@ pbkdf2@^3.0.3:
     safe-buffer "^5.0.1"
     sha.js "^2.4.8"
 
+phaser-animated-tiles@Informatic/phaser-animated-tiles#2d5c66a9bc426dd4cb2d856c1d599494a74f8067:
+  version "2.0.2"
+  resolved "https://codeload.github.com/Informatic/phaser-animated-tiles/tar.gz/2d5c66a9bc426dd4cb2d856c1d599494a74f8067"
+
 phaser@^3.22.0:
   version "3.51.0"
   resolved "https://registry.yarnpkg.com/phaser/-/phaser-3.51.0.tgz#b0c7ee2b21e795830d74f476dd30816a42b023bd"

From 1283e86ce89bc5f51706e7ac23d711412e9162dc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?David=20N=C3=A9grier?= <d.negrier@thecodingmachine.com>
Date: Tue, 22 Jun 2021 10:22:48 +0200
Subject: [PATCH 2/3] Adding test map for animated tiles

---
 front/yarn.lock                |   9 ++-
 maps/tests/animated_tiles.json | 120 +++++++++++++++++++++++++++++++++
 maps/tests/animated_tiles.png  | Bin 0 -> 8882 bytes
 maps/tests/index.html          |   8 +++
 4 files changed, 136 insertions(+), 1 deletion(-)
 create mode 100644 maps/tests/animated_tiles.json
 create mode 100644 maps/tests/animated_tiles.png

diff --git a/front/yarn.lock b/front/yarn.lock
index 93e99000..3f265035 100644
--- a/front/yarn.lock
+++ b/front/yarn.lock
@@ -1417,6 +1417,13 @@ create-require@^1.1.0:
   resolved "https://registry.yarnpkg.com/create-require/-/create-require-1.1.1.tgz#c1d7e8f1e5f6cfc9ff65f9cd352d37348756c333"
   integrity sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==
 
+cross-env@^7.0.3:
+  version "7.0.3"
+  resolved "https://registry.yarnpkg.com/cross-env/-/cross-env-7.0.3.tgz#865264b29677dc015ba8418918965dd232fc54cf"
+  integrity sha512-+/HKd6EgcQCJGh2PSjZuUitQBQynKor4wrFbRg4DtAgS1aWO+gU52xpH7M9ScGgXSYmAVS9bIJ8EzuaGw0oNAw==
+  dependencies:
+    cross-spawn "^7.0.1"
+
 cross-spawn@^6.0.0, cross-spawn@^6.0.5:
   version "6.0.5"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-6.0.5.tgz#4a5ec7c64dfae22c3a14124dbacdee846d80cbc4"
@@ -1428,7 +1435,7 @@ cross-spawn@^6.0.0, cross-spawn@^6.0.5:
     shebang-command "^1.2.0"
     which "^1.2.9"
 
-cross-spawn@^7.0.2, cross-spawn@^7.0.3:
+cross-spawn@^7.0.1, cross-spawn@^7.0.2, cross-spawn@^7.0.3:
   version "7.0.3"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
   integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==
diff --git a/maps/tests/animated_tiles.json b/maps/tests/animated_tiles.json
new file mode 100644
index 00000000..65ac3b97
--- /dev/null
+++ b/maps/tests/animated_tiles.json
@@ -0,0 +1,120 @@
+{ "compressionlevel":-1,
+ "height":10,
+ "infinite":false,
+ "layers":[
+        {
+         "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],
+         "height":10,
+         "id":1,
+         "name":"floor",
+         "opacity":1,
+         "type":"tilelayer",
+         "visible":true,
+         "width":10,
+         "x":0,
+         "y":0
+        }, 
+        {
+         "data":[1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
+         "height":10,
+         "id":2,
+         "name":"start",
+         "opacity":1,
+         "type":"tilelayer",
+         "visible":true,
+         "width":10,
+         "x":0,
+         "y":0
+        }, 
+        {
+         "draworder":"topdown",
+         "id":3,
+         "name":"floorLayer",
+         "objects":[
+                {
+                 "height":261.73266830836,
+                 "id":3,
+                 "name":"",
+                 "rotation":0,
+                 "text":
+                    {
+                     "color":"#ffffff",
+                     "fontfamily":"Sans Serif",
+                     "pixelsize":11,
+                     "text":"Test:\nOpen this page\n\nResult:\nThe water tileset should be animated",
+                     "wrap":true
+                    },
+                 "type":"",
+                 "visible":true,
+                 "width":252.4375,
+                 "x":46.5894222943362,
+                 "y":34.2876372135732
+                }],
+         "opacity":1,
+         "type":"objectgroup",
+         "visible":true,
+         "x":0,
+         "y":0
+        }],
+ "nextlayerid":8,
+ "nextobjectid":5,
+ "orientation":"orthogonal",
+ "renderorder":"right-down",
+ "tiledversion":"2021.03.23",
+ "tileheight":32,
+ "tilesets":[
+        {
+         "columns":8,
+         "firstgid":1,
+         "image":"animated_tiles.png",
+         "imageheight":32,
+         "imagewidth":256,
+         "margin":0,
+         "name":"animated_tiles",
+         "spacing":0,
+         "tilecount":8,
+         "tileheight":32,
+         "tiles":[
+                {
+                 "animation":[
+                        {
+                         "duration":100,
+                         "tileid":0
+                        }, 
+                        {
+                         "duration":100,
+                         "tileid":1
+                        }, 
+                        {
+                         "duration":100,
+                         "tileid":2
+                        }, 
+                        {
+                         "duration":100,
+                         "tileid":3
+                        }, 
+                        {
+                         "duration":100,
+                         "tileid":4
+                        }, 
+                        {
+                         "duration":100,
+                         "tileid":5
+                        }, 
+                        {
+                         "duration":100,
+                         "tileid":6
+                        }, 
+                        {
+                         "duration":100,
+                         "tileid":7
+                        }],
+                 "id":0
+                }],
+         "tilewidth":32
+        }],
+ "tilewidth":32,
+ "type":"map",
+ "version":1.5,
+ "width":10
+}
\ No newline at end of file
diff --git a/maps/tests/animated_tiles.png b/maps/tests/animated_tiles.png
new file mode 100644
index 0000000000000000000000000000000000000000..19ac1e05e944daf42daae5508213164ae393d8ce
GIT binary patch
literal 8882
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
A4FCWD

literal 0
HcmV?d00001

diff --git a/maps/tests/index.html b/maps/tests/index.html
index 2a27e78f..1166082a 100644
--- a/maps/tests/index.html
+++ b/maps/tests/index.html
@@ -106,6 +106,14 @@
                     <a href="#" class="testLink" data-testmap="help_camera_setting.json" target="_blank">Test the HelpCameraSettingScene</a>
                 </td>
             </tr>
+            <tr>
+                <td>
+                    <input type="radio" name="test-animated-tiles"> Success <input type="radio" name="test-animated-tiles"> Failure <input type="radio" name="test-animated-tiles" checked> Pending
+                </td>
+                <td>
+                    <a href="#" class="testLink" data-testmap="animated_tiles.json" target="_blank">Test animated tiles</a>
+                </td>
+            </tr>
         </table>
 
         <script>

From eb526f5b6763ce1ec81a1412bedec4f27b610ceb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?David=20N=C3=A9grier?= <d.negrier@thecodingmachine.com>
Date: Tue, 22 Jun 2021 14:21:15 +0200
Subject: [PATCH 3/3] Upgrading animatedtiles plugin to trigger an event when
 an animation occurs and setting the scene to dirty state

---
 front/package.json                 | 2 +-
 front/src/Phaser/Game/GameScene.ts | 2 ++
 front/yarn.lock                    | 4 ++--
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/front/package.json b/front/package.json
index 0a2bd161..74edf9d7 100644
--- a/front/package.json
+++ b/front/package.json
@@ -44,7 +44,7 @@
     "generic-type-guard": "^3.2.0",
     "google-protobuf": "^3.13.0",
     "phaser": "^3.54.0",
-    "phaser-animated-tiles": "Informatic/phaser-animated-tiles#2d5c66a9bc426dd4cb2d856c1d599494a74f8067",
+    "phaser-animated-tiles": "workadventure/phaser-animated-tiles#da68bbededd605925621dd4f03bd27e69284b254",
     "phaser3-rex-plugins": "^1.1.42",
     "queue-typescript": "^1.0.1",
     "quill": "1.3.6",
diff --git a/front/src/Phaser/Game/GameScene.ts b/front/src/Phaser/Game/GameScene.ts
index 5e6cfb7a..6826de8c 100644
--- a/front/src/Phaser/Game/GameScene.ts
+++ b/front/src/Phaser/Game/GameScene.ts
@@ -479,6 +479,8 @@ export class GameScene extends DirtyScene implements CenterListener {
         this.initCamera();
 
         this.animatedTiles.init(this.Map);
+        this.events.on('tileanimationupdate', () => this.dirty = true);
+
         this.initCirclesCanvas();
 
         // Let's pause the scene if the connection is not established yet
diff --git a/front/yarn.lock b/front/yarn.lock
index 3f265035..f0159242 100644
--- a/front/yarn.lock
+++ b/front/yarn.lock
@@ -4098,9 +4098,9 @@ pbkdf2@^3.0.3:
     safe-buffer "^5.0.1"
     sha.js "^2.4.8"
 
-phaser-animated-tiles@Informatic/phaser-animated-tiles#2d5c66a9bc426dd4cb2d856c1d599494a74f8067:
+phaser-animated-tiles@workadventure/phaser-animated-tiles#da68bbededd605925621dd4f03bd27e69284b254:
   version "2.0.2"
-  resolved "https://codeload.github.com/Informatic/phaser-animated-tiles/tar.gz/2d5c66a9bc426dd4cb2d856c1d599494a74f8067"
+  resolved "https://codeload.github.com/workadventure/phaser-animated-tiles/tar.gz/da68bbededd605925621dd4f03bd27e69284b254"
 
 phaser3-rex-plugins@^1.1.42:
   version "1.1.47"