Propagating customized sprites all over the game

front/src/Phaser/Game/AddPlayerInterface.ts

@@ -3,6 +3,6 @@ import {PointInterface} from "../../Connection";
 export interface AddPlayerInterface {
     userId: string;
     name: string;
-    character: string;
+    characterLayers: string[];
     position: PointInterface;
 }

front/src/Phaser/Game/GameManager.ts

@@ -42,8 +42,8 @@ export class GameManager {
         return this.playerName;
     }
 
-    getCharacterSelected(): string {
-        return this.characterLayers[0];
+    getCharacterSelected(): string[] {
+        return this.characterLayers;
     }
 
     loadMap(mapUrl: string, scene: Phaser.Scenes.ScenePlugin, instance: string): string {

front/src/Phaser/Game/GameScene.ts

@@ -166,7 +166,7 @@ export class GameScene extends Phaser.Scene {
             connection.onUserJoins((message: MessageUserJoined) => {
                 const userMessage: AddPlayerInterface = {
                     userId: message.userId,
-                    character: message.character,
+                    characterLayers: message.characterLayers,
                     name: message.name,
                     position: message.position
                 }
@@ -704,7 +704,7 @@ export class GameScene extends Phaser.Scene {
             addPlayerData.position.x,
             addPlayerData.position.y,
             addPlayerData.name,
-            addPlayerData.character,
+            addPlayerData.characterLayers,
             addPlayerData.position.direction,
             addPlayerData.position.moving
         );