feat(#10): allow multiple layers

index.js

@@ -7,16 +7,27 @@ import {
   MapManagement,
 } from "./modules/game-objects/index.js";
 
-const maps = [
+const backgroundMaps = [
   {
     name: "overworld",
     imageId: "overworld",
     elementId: "level1",
+    layer: 0,
     selected: true,
   },
   { name: "ocean", imageId: "overworld", elementId: "level2" },
 ];
 
+const foregroundMaps = [
+  {
+    name: "overworld",
+    imageId: "overworld",
+    elementId: "level1",
+    layer: 1,
+    selected: true,
+  },
+];
+
 const clicableObjects = ["debug", "level1", "level2"];
 
 class Game extends GameObject {
@@ -30,7 +41,10 @@ class Game extends GameObject {
       percentage: 0.9,
     });
     const camera = new Camera({
-      gameObjects: [new MapManagement({ maps: maps })],
+      gameObjects: [
+        new MapManagement({ maps: backgroundMaps }),
+        new MapManagement({ maps: foregroundMaps }),
+      ],
     });
     const fpsCounter = new FpsCounter({ debug: false });
     this.gameObjects = [canvasResizer, camera, fpsCounter];