Coding:How to make the map?We have several options here. I will open the discussion by listing three.
Option 1 - html + tables (mainly for beta)
We make an image of the map (resources, hexagons, everything) and put it as a
background image of a regular web page. We then insert a huge, invisible
table on top of it. Table it set up so that the rows and columns align with the background image. When we then add things like player names on the table, it looks as it the names are on the map itself. In other words there are two different layers, one for map and the other for player data.
Pros:+ super fast to set up
+ fast loading
+ browser safe
Cons:- kind of ugly
- updating might be time-consuming
Option 2 - cssUsing css, we make hexagon shaped pieces which we then use to build the map with. Here's an example of that technique:
http://www.cssplay.co.uk/menus/hexagon.htmlHere's another one using jQuery as a Flash substitute:
http://ncmarinescience.com/Pros:+ looks more professional than option 1
+ fast loading
+ browser safe
Cons:- graphics cannot go over hexagon borders (look at mountains in the current map)
Option 3 - FlashWe do the whole thing with Flash (same technique Elements uses).
Pros:+ most flexible (we can pretty much do whatever we want)
+ most professional looking
+ most potential
Cons:- long loading time
- takes a lot of time to code
There are other options as well of course.
Post your ideas here.