Skip to content

Commit

Permalink
DunGen and DunMap - data loading fixes and split notes field to speci…
Browse files Browse the repository at this point in the history 
…fic fields
  • Loading branch information
@edallen
edallen committed Oct 7, 2018
1 parent b739fa7 commit 511d347
Show file tree
Hide file tree
Showing 12 changed files with 433 additions and 217 deletions.
65 changes: 65 additions & 0 deletions about.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,65 @@
<!DOCTYPE html>
<html>
<head>
<title>About these Apps</title>
</head>
<body>
<h1>Hobby Hovel Generators</h1>
<h2>About the apps</h2>
<p>
This collection of web apps for old school dungeoncrawling started with DunGen in 2014,
when I realized that while there are plenty of programs to randomly generate and stock one
of those graph paper like grids, nobody had done a pointcrawler that I was aware of, and none were
stocking then at the level of detail and thematic unity that I wanted to see. So I gave it a try when I
came across the Vis.js javascript library that could take the pain out of generating the graphs, even make them
kind of fun to play with. Then DunMap descended from it when I got the idea that using the same room contents generation,
I could scratch another itch and make a stocker for the nice bitmap map images that people make and
share on the internet, including some I'd drawn myself. Hiring Hall got its start when the preeminent
OSR hireling generator Meatshields was down for awhile and I was in a game that
could use such a utility. And its getting a second pass now as I get into GMing AS&SH with its unique needs.</p>
<p>
Technically they are pretty simple, straightforward JavaScript running purely in your browser, with no server behind them other than the static
webserver that provides them. This makes them easy to hack on and run from local copies, and something I can leave out there on the web, without worrying
about server maintenance issues. They use vis.js for the graphs and data handling and a bit of jQuery besides basic JavasScript.
</p>
<p>I might go in any of several directions next, whatever catches my interest the most.
But its most likely to be one of these:
</p>
<ul>
<li>Fleshing out the levelled PCs in Hiring Hall, and making it more flexible</li>
<li>Customizable content toggles for the dungeon generators like the one now in Hiring Hall, probably first for AS&SH stocked dungeons, then maybe Tekumel</li>
<li>A UI update on DunGen that breaks out the Notes box into multiple editable and savable fields, a better arrangement for the controls, position locking for the graphs, etc.</li>
<li>MegadunGen that has a way to link and build together multiple DunGen maps in a big, multipage navigable complex</li>
<li>More complex, combinatorial setpiece descriptions for major rooms, and more detailed customized monsters, like unique dragons and demons</li>
<li>More historically sourced name lists and a UI to select the one(s) you want for flavor</li>
<li>More game design like contents layouts with entrances called out, explicit bosses shielded buy minions in buffer rooms and such</li>
<li>A better wilderness treatment</li>
<li>A town generator treatment</li>
<li>Generators targeted for ease of use and convenience on smaller mobile displays, like just names, organizations, or room contents to use on a phone on the fly</li>
<li>A politics generator/simulator/game that builds up a fantasy social network with actions arising from conflicting interests</li>
<li>A better utility for saving your stuff and returning to it from other devices probably using Google drive or Dropbox login and storage,
so you own your own stuff and I don't have to be responsible for keeping a server up.</li>
<li>A grand campaign tool that rolls together several of the above for generating and editing a wilderness campaign map with dungeons and towns and other strongholds with politics fractally on it</li>
</ul>


<h2>About Me</h2>
<p> I'm Ed Allen, one of those middle aged gamers who's been playing D&D since it
was first published, and miniatures a couple years longer than than that. On and off I've built software to
support my gaming hobby, more often for D&D than other stuff. My first program was
a Fletcher Pratt Naval Rules ship generator, in BASIC, that ran slow as molasses on an
Altair 8080, spending all night to calculate and print out a ship chart. My dad
showed my my first coding optimizations, that got it down to about 45 minutes per ship. So I guess that dates me. I really fell in love with programming via HyperCard and the epic collection of D&D campaign
HyperCard stacks I built back in the 80s.
</p>
<p>Besides RPGs, I also still play cardboard chit wargames, though less often than I once did, computer games, mins, some Euro board games,
but I'm pretty much over CCGs and haven't done an FPS for a couple years now. I read SF & fantasy & occasionally history or something else, currently working my way back through The Malazan Book of the Fallen for a second pass.
</p>
<h2>Contacting me</h2>
<p><a href="https://plus.google.com/+EdAllen">+EdAllen on G+</a>.</p>
<p><a href = "https://sites.google.com/site/hobbyhovel">Ed's Hobby Hovel</a> - Some things I made: Rencounter skirmish rules, etc</p>
<p> or you can leave a comment on a post on my blog <a href="http://geekruminations.blogspot.com">Ruminations of a Geek</a>.</p>
<p>I'm @edallen on Twitter.</p>
<p>I'm on gmail with a 1 after my name.</p>
</body>
</html>
6 changes: 3 additions & 3 deletions css/dungen.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,8 +12,8 @@ div#positioner {
div#dungeon.graph{
float: left;
margin-left: 10px;
width:90%;
height: 80%;
width: 80vw;
height: 60vw;
}

div#dungeon.map_nodes{
Expand All @@ -33,7 +33,7 @@ canvas#dungeon_map{

table#dungeon_key{ clear: both;
width:90%; }

/* h1 {
font: 700 36px/0.5 'Alegreya', Arial, serif;
}
Expand Down
43 changes: 23 additions & 20 deletions dungen.html
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
<!DOCTYPE html>
<html>
<head>
<title>DunGen Dungeon Generator</title>
Expand All @@ -8,7 +9,7 @@
</head>
<body>

<h3 style="padding-left: 50px"> <b>DunGen</b> <small>Pointcrawl Dungeon Generator by Ed Allen </small></h3> Related generators:<a href="dunmap.html">DunMap</a> and <a href="hire.html">Hiring Hall</a>, Contact me: @edallen on Twitter, +EdAllen on G+, & blog <a href="http://geekruminations.blogspot.com">Ruminations of a Geek</a>
<h3 style="padding-left: 50px"> <b>DunGen</b> <small>Pointcrawl Dungeon Generator by Ed Allen, v. 2.0 </small></h3> Related generators:<a href="dunmap.html">DunMap</a> and <a href="hire.html">Hiring Hall</a>, Contact me: @edallen on Twitter, +EdAllen on G+, & blog <a href="http://geekruminations.blogspot.com">Ruminations of a Geek</a>
<button id="scroll-to-key" class="fixed-nav">Key</button>
<button id= "scroll-to-top" class="fixed-nav" style="display: none">Top</button>
<div class="container-fluid">
Expand All @@ -33,7 +34,7 @@ <h3 style="padding-left: 50px"> <b>DunGen</b> <small>Pointcrawl Dungeon Generat
<option value="branch_loops" >Branched with loops</option>
<option value="branch" >Branched</option>
<!-- <option value="mixed" >Mixed</option> -->
<option value="grid" >Grid</option>
<option value="grid" >Grid</option>
<option value="random" >Random</option>
<option value="triangles" >Triangles</option>
</select>
Expand All @@ -43,7 +44,7 @@ <h3 style="padding-left: 50px"> <b>DunGen</b> <small>Pointcrawl Dungeon Generat
<button class= "btn-small" id="regenerate">Generate</button>
<button class= "btn-small" id="wilds">Wilds</button>
<label for="dungeon_name">Name for save </label><input id="dungeon_name" placeholder="Name the dungeon" />
<button class= "btn-small" id="save" >Save</button>
<button class= "btn-small" id="save" >Save</button>
<select id="saved" >
<option>Saved Dungeons</option>
</select>
Expand All @@ -59,37 +60,39 @@ <h3 style="padding-left: 50px"> <b>DunGen</b> <small>Pointcrawl Dungeon Generat

<div id="table-holder">
<table class = "dungen table table-bordered" id="dungeon_key"></table>

</div>

<div id="footer_notes" style="clear: both"><label for="notes">Notes</label><br>
<textarea id="notes" cols='120' rows='10' ></textarea></div>
<h3>Re-skin</h3>
<div id="footer_notes" style="clear: both">
<br><label for="wandering_monsters">Wandering Monsters</label><br>
<textarea id="wandering_monsters" cols='120' rows='10' ></textarea>
<br><label for="notes">Notes</label><br>
<textarea id="notes" cols='120' rows='6' ></textarea>
<br><label for="monster_relations">Relationships between Monster Groups</label><br>
<textarea id="monster_relations" cols='120' rows='6' ></textarea>
<br><label for="organizations">Organizations Involved</label><br>
<textarea id="organizations" cols='120' rows='6' ></textarea>
<br><label for="settlements">Settlements Nearby</label><br>
<textarea id="settlements" cols='120' rows='6'></textarea>
</div>
<h3>Re-skin</h3>
<p>Re-skin creatures or replace other repeating text in room descriptions and notes - there is no Undo so be careful.</p>
Replace <input id="text_from"/> with <input id="text_to"/> in Notes and all Location Descriptions. <button id="replace">Re-skin</button>
<h3>Import and Export</h3>
<button id="export" style="margin-right: 20px">Export</button>
<button id="import">Import</button>
<p> Export dumps the data for the current dungeon into the field below. Copy and paste into an email or a file to move to another computer.
<p> Export dumps the data for the current dungeon into the field below. Copy and paste into an email or a file to move to another computer.
Paste into the field there and click Import to load it. Careful editing in this field is possible. Save with a name on the destination computer.</p>
<textarea id="export-import" cols='120' rows='10' ></textarea></div>
</div>
<br>

<p>To manually save and use the dungeon outside this page, copy the text of the room contents table and notes field and paste into another file,
and use the Download Image button on Chrome or the right click menu to save the image as a PNG.
If you need to clear all cached data in your browser for some reason, please export if you'll want to use a dungeon in DunGen again or manually save of any dungeons you care about first.
<p>To manually save and use the dungeon outside this page, copy the text of the room contents table and notes field and paste into another file,
and use the Download Image button on Chrome or the right click menu to save the image as a PNG.
If you need to clear all cached data in your browser for some reason, please export if you'll want to use a dungeon in DunGen again or manually save of any dungeons you care about first.
DunGen saves to your browser's "LocalStorage" not to a server. <b>Clearing all LocalStorage will wipe out any saved and edited dungeons.</b></p>

<h3>New features and plans</h3>
<p>More name roots, so there should be more variety, settlement names get some geographical references added in like "bridge" and "hill". There is a new NPC
naming pattern that makes organizations they are affiliated with for some of them. There are two new lists in the Notes field, one of nearby settlements and
one of organizations, both stock from NPC generation or a few a put in if no NPCs generated any. The settlements don't integrate right with the Wilds yet, still acting like a dungeon. I intend to
have some of the Wilds nodes generate as settlements with names and not have it put in the distance/direction references. Put in a minor tweak to suppress some magic staves and shift them to wands
to make the odds work out better. Historical name lists are expanded in the data but temporarily disabled while I work out a UI element to toggle them.</p>

<p>
Comments welcome at the Ruminations blog linked above or on G+. If you like hacking, take a look at the dungen_stock.js file first.
Comments welcome at the Ruminations blog linked above or on G+. If you like hacking, take a look at the dungen_stock.js file first.
It's pretty easy to customize content there. DunGen is now up on <a href ='https://github.com/edallen/dungen'>Github</a>.
</p>

Expand All @@ -110,4 +113,4 @@ <h3>New features and plans</h3>
</body>


</html>
</html>
1 change: 1 addition & 0 deletions dunlist.html
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
<!DOCTYPE html>
<html>
<head>
<title>DunMap Dungeon Map Stocker</title>
Expand Down
27 changes: 16 additions & 11 deletions dunmap.html
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
<!DOCTYPE html>
<html>
<head>
<title>DunMap Dungeon Map Stocker</title>
Expand All @@ -8,7 +9,7 @@
</head>
<body>

<h3 style="padding-left: 50px"> <b>DunMap</b><small> Dungeon Map Stocker by Ed Allen</small></h3>
<h3 style="padding-left: 50px"> <b>DunMap</b><small> Dungeon Map Stocker by Ed Allen, v. 2.0</small></h3>
Related generators:<a href="dungen.html">DunGen</a> and <a href="hire.html">Hiring Hall</a>, Contact me: @edallen on Twitter, +EdAllen on G+, & blog <a href="http://geekruminations.blogspot.com">Ruminations of a Geek</a><p>Choose the Level. Enter your map's URL and click Load Map or pick one from the menu. When you see the map, click in rooms to place room numbers and drag to reposition. Contents for rooms will randomly generate as you place them. The node editor will let you edit or reroll contents. </p>
<button id="scroll-to-key" class="fixed-nav">Key</button>
<button id= "scroll-to-top" class="fixed-nav" style="display: none">Top</button>
Expand Down Expand Up @@ -53,9 +54,18 @@ <h3 style="padding-left: 50px"> <b>DunMap</b><small> Dungeon Map Stocker by Ed
<table class = "dungen table table-bordered" id="dungeon_key"></table>
</div>

<div id="footer_notes" style="clear: both"><label for="notes">Notes</label><br>
<textarea id="notes" cols='120' rows='10' ></textarea>
</div>
<div id="footer_notes" style="clear: both">
<br><label for="wandering_monsters">Wandering Monsters</label><br>
<textarea id="wandering_monsters" cols='120' rows='10' ></textarea>
<br><label for="notes">Notes</label><br>
<textarea id="notes" cols='120' rows='6' ></textarea>
<br><label for="monster_relations">Relationships between Monster Groups</label><br>
<textarea id="monster_relations" cols='120' rows='6' ></textarea>
<br><label for="organizations">Organizations Involved</label><br>
<textarea id="organizations" cols='120' rows='6' ></textarea>
<br><label for="settlements">Settlements Nearby</label><br>
<textarea id="settlements" cols='120' rows='6' ></textarea>
</div>
<br>
<div id="reskin_div">
<h4>Re-skin creatures and treasures</h4>
Expand All @@ -81,12 +91,7 @@ <h4>Re-skin creatures and treasures</h4>
<br>

<h3>New features and plans</h3>
<p> More name roots, so there should be more variety, settlement names get some geographical references added in like "bridge" and "hill". There is a new NPC
naming pattern that makes organizations they are affiliated with for some of them. There are two new lists in the Notes field, one of nearby settlements and
one of organizations, both stock from NPC generation or a few a put in if no NPCs generated any. The settlements don't integrate right with the Wilds yet, still acting like a dungeon. I intend to
have some of the Wilds nodes generate as settlements with names and not have it put in the distance/direction references. Put in a minor tweak to suppress some magic staves and shift them to wands
to make the odds work out better. Historical name lists are expanded in the data but temporarily disabled while I work out a UI element to toggle them.</p>
<p>Notes field: Wandering Monsters and Relationship addition with nodes fixed to a first approximation. The new Organizations and Settlements are only accounting for the ones from the Wandering Monsters so far.</p>
<p>Split out the notes field to separate fields, as a step towards better UI layout and data update.</p>
<p>Map Artists: If you have posted maps online that you would like included in the convenience dropdown menu, let me know on G+ or a comment on my <a href="http://geekruminations.blogspot.com/2015/11/add-your-maps-to-dunmap.html" target="_blank">Ruminations of a Geek</a> blog post about this, either specific map names and image URLs or point me to a collection page and I'll find the URLs there. You can also reshare a G+ post with a map you want included to me. I figure on including artists' names or initials before the map titles, and then
going hierarchical by the artist's name as the first level once the list gets long enough to be awkward as a single list, with the credits section below linking back to your pages.</p>

Expand Down Expand Up @@ -117,4 +122,4 @@ <h3>Image Link Credits</h3>
</body>


</html>
</html>
1 change: 1 addition & 0 deletions hire.html
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
<!DOCTYPE html>
<html>
<head>
<title>Hiring hall</title>
Expand Down
Loading

0 comments on commit 511d347

Please sign in to comment.