Igor Kromin |   Consultant. Coder. Blogger. Tinkerer. Gamer.

NOTE: This article is 3 years or older so its information may no longer be relevant. Read on at your own discretion! Comments for this article have automatically been locked, refer to the FAQ for more details.
Since my game is going to use a hexagon grid system I decided to play around with various orientations of hexagons to see which way it would look the best. There are two ways a hexagon can be draw - with the point up or the flat side up. I think the results speak for themselves. With the hexagonal grid you can make some rather interesting looking buildings, which is why I chose this over a traditional square grid, even though it is quite a bit more effort.

This is what I started off with from the beginning, I thought the grid looked quite good this way. In the pointy orientation the 'row hexagons' are touching along a straight horizontal line, which makes it simpler to work with.
HexGrid1.png


This is the more conventional use of a hexagonal grid however, with the flat side up. In this orientation, the hexagons along the X-axis are not touching in a straight line, instead every second hexagon 'dips' down, so the result is a jagged X axis. This makes it more difficult to work with, although it's possible to simply treat this as a rotation of 90 degrees of the pointy version.
HexGrid2.png




Now a grid on its own is not much to look at, so I decided to stick 'a building' on top of it, which is nothing but an extruded hexagon which looks like a hexagonal prism. I also squashed the hexagons along the Y-axis, this has the effect of giving it the illusion of perspective.

Looks quite good I thought.
HexGrid3.png


Then I did the same for the other orientation and was blown away.
HexGrid4.png


The flat side up orientation looks much more realistic once you start putting things on top of it.

I decided to make an unsquashed version too:
HexGrid5.png


Even without the squashing/perspective fix, the flat side up wins in terms of being most pleasing to look at. I haven't tried to do a shear effect on it, but with that I would imagine the perspective would be even more realistic.

-i

Hope you found this post useful...

...so please read on! I love writing articles that provide beneficial information, tips and examples to my readers. All information on my blog is provided free of charge and I encourage you to share it as you wish. There is a small favour I ask in return however - engage in comments below, provide feedback, and if you see mistakes let me know.

If you want to show additional support and help me pay for web hosting and domain name registration, donations, no matter how small, are always welcome!

Use of any information contained in this blog post/article is subject to this disclaimer.
comments powered by Disqus
Other posts you may like...