adding more maps

webdevcody · Oct 18, 2024 · 4072737 · 4072737
1 parent de74819
commit 4072737
Show file tree

Hide file tree

Showing 4 changed files with 45 additions and 4 deletions.
diff --git a/app/play/[level]/page.tsx b/app/play/[level]/page.tsx
@@ -176,7 +176,6 @@ export default function PlayLevelPage({
             </Button>
             <Button
               onClick={() => handlePlacementModeChange("block")}
-              disabled={blockCount >= 2}
               variant={placementMode === "block" ? "default" : "outline"}
               className="h-10"
             >

diff --git a/app/play/page.tsx b/app/play/page.tsx
@@ -74,7 +74,7 @@ export default function PlayPage() {
               </CardTitle>
             </CardHeader>
             <CardContent className="flex-grow flex items-center justify-center">
-              <GameMap map={map.grid} />
+              <GameMap map={map.grid} size={52} />
             </CardContent>
             <CardFooter className="flex justify-around px-3">
               <Link href={`/play/${map.level}`} passHref>

diff --git a/components/Map.tsx b/components/Map.tsx
@@ -32,7 +32,7 @@ export function getCellImage(cell: string) {
   return null;
 }
 
-export function Map({ map }: { map: string[][] }) {
+export function Map({ map, size = 64 }: { map: string[][]; size?: number }) {
   return (
     <div className="relative">
       <img
@@ -46,7 +46,11 @@ export function Map({ map }: { map: string[][] }) {
             {row.map((cell, x) => (
               <div
                 key={x}
-                className={`size-16 border dark:border-gray-300 border-gray-700 flex items-center justify-center text-2xl bg-transparent`}
+                style={{
+                  width: `${size}px`,
+                  height: `${size}px`,
+                }}
+                className={`border dark:border-gray-300 border-gray-700 flex items-center justify-center text-2xl bg-transparent`}
               >
                 {getCellImage(cell)}
               </div>

diff --git a/convex/maps.ts b/convex/maps.ts
@@ -89,6 +89,44 @@ const LEVELS = [
       ["R", " ", " ", " ", " ", "R"],
     ],
   },
+  {
+    grid: [
+      ["Z", "R", " ", " ", " ", " "],
+      [" ", " ", " ", " ", " ", "Z"],
+      [" ", "Z", " ", " ", " ", " "],
+      ["Z", " ", " ", " ", " ", " "],
+    ],
+  },
+  {
+    grid: [
+      ["Z", " ", " ", "Z", " "],
+      [" ", " ", " ", "R", " "],
+      [" ", " ", " ", " ", " "],
+      [" ", "R", " ", " ", "R"],
+      [" ", "Z", " ", " ", "Z"],
+    ],
+  },
+  {
+    grid: [
+      ["R", " ", " ", " ", " ", "R"],
+      [" ", " ", " ", " ", " ", " "],
+      [" ", "R", " ", " ", "R", " "],
+      [" ", "R", "R", "R", "R", " "],
+      ["Z", " ", "Z", "Z", " ", "Z"],
+      [" ", "Z", "R", " ", "Z", " "],
+    ],
+  },
+  {
+    grid: [
+      ["R", " ", " ", "Z", " ", " ", " "],
+      [" ", " ", "R", " ", " ", "Z", "Z"],
+      [" ", " ", "R", " ", " ", " ", " "],
+      [" ", " ", " ", " ", " ", " ", " "],
+      [" ", " ", " ", " ", "R", " ", " "],
+      ["Z", " ", " ", " ", "R", " ", " "],
+      [" ", " ", " ", "Z", " ", " ", "R"],
+    ],
+  },
 ];
 
 export const addMap = mutation({