C3 doesn't provide native support for hexagonal tilemaps. But where there's a will, there's a way.
My workflow is as follows:
- create hex-tiles in Corel Draw
- export the tiles to SVG
- import tiles into C3 as SVGs
- create maps in Tiled
- export map as CSV
- import CSVs by layer via AJAX and stuff them into an array
- use a lookup table to draw hex-tiles on the layout
At first I used PNG sprites, but decided to use SVG so I can scale on a much wider range. Mind you, my project is a prototype so details are not that important. Clean and pixel-perfect output is.
It is important to design the tiles at a certain width to height ratio, so that they don't look squished. I am using a ratio of 120 pixel wide and 104 pixel high. That makes the vertical offset 104 pixel and the horizontal offset 90 pixel.
Here is a link to the project for those of you that are interested.
WARNING: The project file is my sandbox for trying new stuff (I am new to C3) before merging it with the main project. So don't expect a finished template. It's merely a collection of events and functions that prototype what will go into the final product.