tinyperil

Generate another

Embed on any page

Paste this into your HTML:

<script src="https://ihh.github.io/tinyperil/tinyperil.min.js"></script>
<div id="tinyperil"></div>
<script>tinyperil.generateInto(document.getElementById('tinyperil'));</script>

Each call to tinyperil.generateInto(el) renders a fresh story title plus an emoji dungeon map (as SVG) into el. There's also tinyperil.generate() which returns { status, svg, seed, dot } without touching the DOM.

Daily seed

Pass an integer seed for reproducible output — same seed, same story. For example, a shared story-of-the-day that everyone sees the same:

<script src="https://ihh.github.io/tinyperil/tinyperil.min.js"></script>
<div id="tinyperil-daily"></div>
<script>
  const d = new Date();
  const seed = d.getUTCFullYear() * 10000 + (d.getUTCMonth() + 1) * 100 + d.getUTCDate();
  tinyperil.generateInto(document.getElementById('tinyperil-daily'), { seed });
</script>

Today's story (seeded ):