+
+
+
+
+
+ Moves Left:{" "}
+ {moves ? `${moves.remaining}` : "Need to Spawn"}
+
+
+ {position
+ ? `x: ${position?.vec?.x}, y: ${position?.vec?.y}`
+ : "Need to Spawn"}
+
+
+ {moves && moves.last_direction}
+
+
+
+
+ {[
+ {
+ direction: "Up" as const,
+ label: "↑",
+ col: "col-start-2",
+ },
+ {
+ direction: "Left" as const,
+ label: "←",
+ col: "col-start-1",
+ },
+ {
+ direction: "Right" as const,
+ label: "→",
+ col: "col-start-3",
+ },
+ {
+ direction: "Down" as const,
+ label: "↓",
+ col: "col-start-2",
+ },
+ ].map(({ direction, label, col }) => (
+
+ ))}
+
+