ikrpg.github.io/_posts/0000-01-01-Maps.html

92 lines
No EOL
2.7 KiB
HTML

---
layout: ikrpg
tags: [ Version 1 ]
---
<link rel="stylesheet" href="/static/stylesheets/content/maps.css" />
<p>
This <strong>map builder</strong> lets you create, save, and print your own IK maps made with the official Iron Kingdoms tiles
and tokens that can be downloaded for free at
<a href="http://privateerpress.com/boostyourexperience">http://privateerpress.com/boostyourexperience</a>.
Game masters may use it to create printouts of their planned encounter setups.
</p>
<ul>
<li><strong>Scroll</strong> the Image Library <strong>to list</strong> all available tiles.</li>
<li><strong>Click a thumbnail</strong> in the Image Library <strong>to create</strong> a tile.</li>
<li><strong>Drag and drop</strong> a tile <strong>to move</strong> it.</li>
<li><strong>Click</strong> a tile <strong>to rotate</strong> it clockwise.</li>
<li><strong>Rightclick</strong> a tile <strong>to rotate</strong> it counterclockwise.</li>
<li><strong>Drop a tile</strong> on the Image Library <strong>to remove</strong> it.</li>
</ul>
<div id="maps">
<div id="map-area"></div>
<div id="img-library">
<h2>Image Library</h2>
<h3>HW Boards 16x21</h3>
<ul id="hw-boards" class="tiles"></ul>
<h3>CT Boards 16x21</h3>
<ul id="ct-boards" class="tiles"></ul>
<h3>GM Boards 16x21</h3>
<ul id="gm-boards" class="tiles"></ul>
<h3>Tokens 1x1 S</h3>
<ul id="tokens1x1s"></ul>
<h3>Tokens 10x3</h3>
<ul id="tokens10x3"></ul>
<h3>Tokens 4x3</h3>
<ul id="tokens4x3"></ul>
<h3>Tokens 1x1 L</h3>
<ul id="tokens1x1l"></ul>
<h3>Small Bases</h3>
<ul id="bases-small"></ul>
<h3>Medium Bases</h3>
<ul id="bases-medium"></ul>
</div>
</div>
<h2 style="font-weight:300;margin:1em 0 2em 0;">
| <a id="save-as" href="#">Save As</a> <input id="map-name" placeholder="Map name" value="" /> |
<!--a href="#import-export">Import/Export Map</a> |-->
</h2>
<!--form id="import-export">
<textarea id="seed"></textarea>
<button id="generate-seed">Export seed for current map</button>
<button id="update-seed">Fill out map using current seed</button>
</form-->
<div style="text-align:center;">
<table id="load-maps" class="hero">
<thead>
<tr>
<th>Map Name</th>
<th>Load</th>
<th>Delete</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<script type="text/javascript" src="/static/javascripts/maps.js"></script>