Generates a Hex Tile Map from a png
JavaScript HTML CSS
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
controllers
routes
src
static
test/resources
views
.gitignore
README.md
app.js
package.json

README.md

Node Hex Tile Map Generator by Box It Off

(uses https://github.com/jjmax75/node-image-terrain-array to generate input values from a PNG image)

Input - array of average hsv values for each hexagon, array of centre points of hexagons, hexagon radius

Output - svg code for map terrain

Example

Start with this

a physical map of part of the world

Turn it into this -

[{ h: 91, s: 55, v: 21 }, {....}, .....], [[ 9.804061174918171, 16.9811320754717 ], [ ....... ], ......], 11.320754716981131

And then into this -

An SVG representation built with hexagons of that part of the world

Usage

browser interface

Further Development

  • output code for rendering map
  • command line inputs
  • Browser gui

Tasks

  • take array input
  • return svg code