Finally a working hex map that expands.

render_test/main.py

@@ -1,13 +1,14 @@
 from kivy.app import App
-from kivy.core.window import Window
 from kivy.graphics import *
 from kivy.uix.widget import Widget
-from kivy.utils import get_color_from_hex, get_random_color
+from kivy.utils import get_color_from_hex
 
-MAP_EDGE = 20
 HEX_SIZE = 100
 NUMBER_OF_HEXES = 2
 
+HORIZONTAL_BUFFER = 0.9
+VERTICAL_BUFFER = 0.8
+
 
 class HexMap(Widget):
 
@@ -20,29 +21,41 @@ class HexMap(Widget):
 
     def redraw_scene(self, *args):
         with self.canvas:
-            # Draw border around entire field.
+            # Clear scene
-            Color(*get_color_from_hex("#abcd00"))
+            Color(*get_color_from_hex("#000000ff"))
-            Rectangle(pos=(0, 0), size=(self.width, self.height))
-            Color(*get_color_from_hex("#000000"))
             Rectangle(
-                pos=(MAP_EDGE, MAP_EDGE),
+                pos=(0, 0),
-                size=(self.width - (2 * MAP_EDGE), self.height - (2 * MAP_EDGE)))
+                size=(self.width, self.height)
+            )
 
             # Draw a hexagon in a decent spot.
-            tiles_in_row = (self.width - MAP_EDGE * 2) / HEX_SIZE
+            tiles_in_row = int(self.width / (HEX_SIZE * HORIZONTAL_BUFFER))
+            # TODO: Add a tiles in alternating row.
+            tiles_in_col = int(self.height / (HEX_SIZE * VERTICAL_BUFFER))
 
-            for i in range(tiles_in_row):
+            for y in range(tiles_in_col):
-                Color(*get_color_from_hex("#00dd0055"))
+
+                if y % 2 == 0:
+                    hex_color = "#0000dd55"
+                    even_row = True
+                else:
+                    hex_color = "#dd000055"
+                    even_row = False
+
+                for x in range(tiles_in_row):
+                    Color(*get_color_from_hex(hex_color))
+
+                    if even_row:
                         Ellipse(
-                    pos=(MAP_EDGE + i * HEX_SIZE * 0.9, MAP_EDGE),
+                            pos=(x * HEX_SIZE * HORIZONTAL_BUFFER, y * HEX_SIZE * VERTICAL_BUFFER),
                             segments=6,
                             size=(HEX_SIZE, HEX_SIZE),
                         )
 
-            for i in range(tiles_in_row):
+                    else:
-                Color(*get_color_from_hex("#00dd0055"))
                         Ellipse(
-                    pos=(MAP_EDGE + (i * HEX_SIZE * 0.9) + (0.5 * HEX_SIZE * 0.9), MAP_EDGE + (HEX_SIZE * 0.8)),
+                            pos=((x * HEX_SIZE * HORIZONTAL_BUFFER) + (0.5 * HEX_SIZE * HORIZONTAL_BUFFER),
+                                 y * HEX_SIZE * VERTICAL_BUFFER),
                             segments=6,
                             size=(HEX_SIZE, HEX_SIZE),
                         )