Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
client and server utilities for hex-based maps using html img elements
JavaScript
Branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
lib
public/tileimages
views
.gitignore
LICENSE
README.md
index.js
package.json
test.js

README.md

imghex

client and server utilities for tile-based maps using html svg image elements

HTML5, CSS, Nodejs, express, jade

This project uses CSS positioning to create "hex maps" for presentation in a browser supporting HTML5. Jade templates are used server-side OR client-side to build maps. Maps consist of inter-leaved rows of hex tiles. Each row is a list. The list element contents are svg elements that contain image elements. CSS positioning is used to offset rows of hex tiles so that they 'nestle' together.

Generally, the author believes that there is value in managing tile-based maps as html elements as opposed to managing graphical images in canvas elements. The conceptual difference is simple: if the map is made of html elements, each element is accessible as part of the document structure. This allows to take advantage of tools like jQuery and d3js when manipulating the map.

Something went wrong with that request. Please try again.