Polygon Map Generator for JavaScript

Polygon Map Generator for Javascript is a re-implementation of an ActionScript that was written some years ago, when HTML5 was still at its earlier stages.

What Polygon Map Generator does is that it generates procedural maps with polygons, and rasterizes the generated map to tiles.

Polygon Map Generator Javascript Image

It uses a graph structure to form the elevation, roads,  and anything that is related to the gameplay of the game. On the other hand, it uses noise functions for coastline shape, river placement, and anything that is not related to the gameplay.

You can try the generator here. Or check the Github Repository here.


You might also find this interesting:


  1. HTML5 Game Development Facebook, Twitter and G+ The official HTML5GameDevelopment.org Facebook page up at: http://www.facebook.com/Html5GameDevelopment The official HTML5GameDevelopment.org Twitter account is at: https://twitter.com/#!/gamedevhtml5 The Google Plus page is up at: https://plus.google.com/b/106608051085232600929/ All are updated automatically via the...

  2. Hearthstone card effect in CSS An interesting question was posed via Twitter recently. It was about finding a way to create a card browse/hovering effect like the one in the popular card game Hearthstone using...

  3. Blocky Earth: WebGL Minecraft-like Map viewer @thesprite has released an WebGL-mashup experiment combining real map data with a minecraft like view block-style viewer using Three.js. Below is its block-like rendering of Cape code. Share List...

  4. Stitches: An HTML5 CSS sprite sheet generator Stiches is a HTML5 CSS Sprite Sheet Generate that lets you drag and drop files onto the browser and output a sprite sheet and stylesheet. [Via http://www.html5gamedevs.com/2012/02/04/stitches-html5-sprite-sheet-generator/] Share List...

  5. FontMap – 2D Game Map Editor FontMap is an easy-to-use map maker for creating 2D dungeons and levels. Developers can edit multiple maps with a resolution of up to 128 x 128 cells. This app can support...

, , ,
HTML5 Demos