maps2 (#2)

2.0

Reviewed-on: Gamefunk/Maps#2

resources/maps/map.csv

@@ -0,0 +1,20 @@
+x;w;x;w;w;w;x;w;w;w;w;w;w;w;w;w;w;w;w;g;w;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;g;x;x;
+x;x;x;w;x;x;x;x;g;g;g;g;g;g;g;g;g;w;g;g;g;g;g;g;g;x;x;x;g;g;g;g;x;x;x;g;g;g;g;x;
+g;g;x;w;w;x;g;x;g;w;w;w;w;g;w;w;g;g;g;w;w;w;w;w;g;g;g;g;g;w;w;g;x;x;x;g;w;w;g;x;
+x;g;x;w;m;x;g;g;g;g;g;g;w;g;w;g;g;w;g;g;g;g;g;w;w;g;w;g;w;w;g;g;g;g;g;g;g;w;g;w;
+x;g;g;g;g;x;x;g;o;o;g;w;w;w;w;g;w;w;g;w;g;w;w;w;w;w;w;w;w;w;w;w;g;w;w;w;w;w;w;w;
+x;x;g;x;g;g;g;g;g;o;g;w;g;w;w;w;w;w;g;w;g;g;g;w;g;w;g;w;g;w;g;w;g;w;g;g;g;g;w;w;
+x;x;x;x;g;o;o;o;o;o;g;g;g;g;g;w;g;w;w;w;w;w;w;w;g;w;g;g;g;w;g;w;g;w;w;g;w;w;w;w;
+g;g;g;g;g;g;g;g;g;o;o;g;o;o;g;g;g;g;g;w;g;w;g;w;g;w;g;w;w;w;g;w;g;g;g;g;g;w;x;w;
+x;x;x;x;x;g;o;g;o;o;o;g;o;o;o;g;w;w;w;w;g;w;g;g;g;g;g;g;g;w;g;w;g;w;w;w;w;w;w;x;
+x;g;x;g;g;g;o;o;o;g;o;g;g;g;o;g;w;g;w;w;g;g;g;w;w;w;w;w;g;g;g;g;g;w;g;g;g;g;g;g;
+g;g;g;g;x;g;g;g;o;g;o;o;g;o;o;g;g;g;g;g;g;w;w;w;w;g;w;w;w;w;w;w;w;w;g;o;o;o;o;o;
+x;x;x;g;x;g;o;o;o;g;g;o;g;o;o;o;o;o;o;o;g;g;g;g;g;g;g;g;g;g;g;g;g;g;g;g;g;o;o;w;
+x;g;g;g;x;g;g;g;g;g;o;o;g;g;g;g;g;g;o;g;g;o;o;o;o;o;g;g;o;o;o;o;o;o;o;o;o;o;o;w;
+x;x;g;x;x;x;g;o;g;o;o;o;o;o;o;o;o;g;o;o;g;g;g;g;g;o;g;g;g;g;g;g;g;g;g;g;g;o;g;o;
+x;x;x;x;g;x;g;o;o;o;o;g;o;o;g;g;o;g;o;g;g;o;g;o;o;o;g;g;o;o;o;o;o;g;o;o;o;o;g;g;
+x;x;g;g;g;g;g;g;o;g;g;g;g;g;g;o;o;o;o;g;o;o;g;g;g;o;g;g;o;x;x;x;o;g;g;g;g;g;g;o;
+x;m;g;x;g;x;x;g;g;g;x;g;o;o;o;o;o;g;g;g;o;o;g;g;g;o;g;g;o;x;m;o;o;g;o;g;o;o;o;o;
+x;x;g;x;g;x;x;g;x;g;x;g;g;g;g;g;o;g;o;o;o;o;g;o;o;o;g;g;o;x;x;x;o;g;o;g;o;g;g;g;
+x;x;m;x;x;x;x;g;x;g;x;x;x;o;o;o;o;g;o;o;o;o;o;o;o;o;g;g;o;o;x;o;o;o;o;g;g;g;o;o;
+x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;x;o;o;o;o;o;o;o;o;o;o;g;g;o;o;o;o;o;o;o;g;o;o;o;o;

resources/maps/map2.csv

@@ -0,0 +1,7 @@
+x;x;x;x;x
+x;m;w;w;x
+x;g;w;g;g
+x;g;w;g;x
+x;g;g;g;x
+x;w;g;g;x
+x;x;x;x;x

resources/views/map-controls.html

@@ -0,0 +1,43 @@
+<style>
+    table {
+        border-spacing: 0;
+    }
+
+    td {
+        padding: 0;
+    }
+
+    .game-board {
+        display: grid;
+        grid-template-rows: 50px 50px 50px;
+        grid-template-columns: 50px 50px 50px;
+    }
+
+    .box {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+</style>
+<form method="post" id="movement"></form>
+<div class='game-board'>
+    <div class='box'></div>
+    <div class="box">
+        <button type='submit' name='action' value='up' form="movement">🔼</button>
+    </div>
+    <div class='box'></div>
+    <div class='box'>
+        <button type='submit' name='action' value='left' form='movement'>◀</button>
+    </div>
+    <div class='box'>X</div>
+    <div class='box'>
+        <button type='submit' name='action' value='right' form='movement'>▶</button>
+    </div>
+    <div class='box'></div>
+    <div class='box'>
+        <button type='submit' name='action' value='down' form='movement'>🔽</button>
+    </div>
+    <div class='box'></div>
+</div>
+
+<button type='submit' name='action' value='clear' form='movement'>Сброс</button>