Recreate Map
Output Readme Download Replit Sel. & Copy Full


This repl create a game where the goal is to put all of the border pieces into their correct locations. It is hard, but different maps may be easier if you wish less of a challenge.

To view this on TripleLog, click here.


The index.html file is regenerated each time makehtml.js is run. The genPuzzle.html is the template that be adjusted to change the html.


Add CSS by editing the style.css file that is linked to in the head section or inline edit the style section in the head.


npm install nunjucks and svg-parser Run the makehtml.js file to generate the borders and then the html from the genPuzzle.html template.

The border pairs are crudely parsed from the usmap48.svg file so adjustments might be needed for different maps.