Gamelogic
  • Home
  • Blog
  • Tools
    • Grids 2 (for Unity)
      • Features
      • Documentation
    • Grids 1 (Legacy, for Unity)
      • 30 games in 30 days
      • Features
      • Tutorials, Documentation, and FAQ
      • Games made with Grids for Unity
      • Examples
      • What is new?
      • Grid Prototypes and Previews
      • Buy
    • Extensions
    • Colors
      • Features
      • Documentation and tutorials
      • Buy
    • Words
      • Features
      • Documentation
      • Buy
    • Abstract Strategy
      • Features
      • Documentation and tutorials
      • Examples
      • Buy
    • Match
      • Features
    • Grids (for GameMaker)
      • 30 games in 30 days
      • Features
      • Documentation
      • Buy
  • Buy
  • Articles
  • Support
    • Knowledge Base
    • Email Support
  • About
    • Meet our team

Blog

Designing tiles for a triangular maze

We are updating some of our examples with better art. One of the cool examples on our site is a simple implementation of Prim’s maze generation algorithm. The maze is a triangular grid, but to depict walls nicely, we use a rhombille grid to lay out the tiles.

Here is how our original example looked:

maze_simple

Using these two tiles:

maze_closed_1   maze_open_1

It’s difficult to see how the tiles connect without showing the borders.

maze

In designing the tiles, it’s important to remember how they can and cannot connect in a rhombille grid. The rule is small angles always connect with other small angles, and big angles always connect with other big angles. Nowhere does a big angle touch a small angle.

configurations

You can see in the original example, the borders of the maze are not very nice; you need at least a third tile to close up the gap. Here is some of the images that we used to go through the thinking:

tile_explanation1

tile_explanation2

 

tile_explanation3

 

We commissioned Dave Baxter to make the set for us. We gave him an open brief, but hinted that we liked the art of Incredipede. Dave took on the challenge, and designed five beautiful tiles:

Tile05 Tile04 Tile03 Tile02 Tile01

The center of the maze is made from tiles that correspond to the original two tiles. The border of the maze has two layers, each built from one additional tile. Finally, the exterior of the maze is built from the last tile. The different sections of tiles are shown in the image below.

maze_closed

Here is the result:

prim

The tiles are very detailed:

detail

You can also see a live example of the the maze being built step by step on our example page, or see the code here.

Share this:

  • Click to share on Facebook (Opens in new window)
  • Click to share on Twitter (Opens in new window)
  • Click to share on LinkedIn (Opens in new window)
  • Click to share on Reddit (Opens in new window)
  • Click to share on Pinterest (Opens in new window)

Related

  1. What is a rhombille grid?  A rhombille grid is a tessellation of the plain in...
  2. How do I make a seamless hex tile?  In this post I give two methods for making hexagonal...
  • Permalink
  • Posted: 26 September 2013
  • Tags: maze generation, rhombille grid, tiles, triangular grid
  • Author: Herman Tulleken
Recent Posts
  • Tool Documentation Overhaul
  • What is new in Grids Pro 2.3.5
  • What is new in Grids Pro 2.3.2
  • What is new in Abstract Strategy 2.1.1
  • What is new in Words 2.0.2
Categories
  • 30 Games in 30 Days
  • AbstractStrategy
  • Aside
  • Colors
  • Example
  • Extensions
  • General
  • Grids
  • Grids 2
  • Previews
  • Programming
  • Social Media
  • Uncategorized
  • Words
Follow us on Twitter
My Tweets
Meta
  • Log in
  • Entries RSS
  • Comments RSS
  • WordPress.org
  • Home
  • Features
  • Blog
  • About
  • 14 Eglin Road, Sunninghill, Johannesburg, South Africa
  • support@gamelogic.co.za
Stay Connected
  • Facebook
  • Google
  • Linkedin
  • Rss
  • Twitter
  • Gamelogic © 2013