{"id":65334,"date":"2022-06-25T09:00:37","date_gmt":"2022-06-25T09:00:37","guid":{"rendered":"https:\/\/www.cryptocabaret.com\/?p=65334"},"modified":"2022-06-25T09:00:37","modified_gmt":"2022-06-25T09:00:37","slug":"free-rpg-day-create-maps-for-your-dungeons-dragons-game-with-mipui","status":"publish","type":"post","link":"https:\/\/www.cryptocabaret.com\/?p=65334","title":{"rendered":"Free RPG Day: Create maps for your Dungeons &amp; Dragons game with Mipui"},"content":{"rendered":"<p><span class=\"field field--name-title field--type-string field--label-hidden\">Free RPG Day: Create maps for your Dungeons &amp; Dragons game with Mipui<\/span><br \/>\n<span class=\"field field--name-uid field--type-entity-reference field--label-hidden\"><a title=\"View user profile.\" href=\"https:\/\/opensource.com\/users\/seth\" class=\"username\">Seth Kenlon<\/a><\/span><br \/>\n<span class=\"field field--name-created field--type-created field--label-hidden\">Sat, 06\/25\/2022 &#8211; 03:00<\/span><\/p>\n<div data-drupal-selector=\"rate-node-70080\" class=\"rate-widget-thumbs-up\" title=\"Register or Login to like.\">\n<div class=\"rate-thumbs-up-btn-up vote-pending\"><a href=\"https:\/\/opensource.com\/user\/register\">Register<\/a> or <a href=\"https:\/\/opensource.com\/user\/login?current=\/rss.xml\">Login<\/a> to like<\/div>\n<div class=\"rate-score\"><a href=\"https:\/\/opensource.com\/user\/register\">Register<\/a> or <a href=\"https:\/\/opensource.com\/user\/login?current=\/rss.xml\">Login<\/a> to like<\/div>\n<\/div>\n<div class=\"clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item\">\n<p>It&#8217;s <a href=\"https:\/\/www.freerpgday.com\/\" target=\"_blank\" rel=\"noopener\">Free RPG Day<\/a> again, and there&#8217;s no better to play a free roleplaying game than with free and open source software. In this digital era of pen-and-paper gaming, it&#8217;s still relatively unusual for adventures to include digital maps. In fact, it&#8217;s also unusual for paper adventures to include maps that are sized correctly for miniatures, and many that do have colourful and richly textured maps that look great in a glossy book but look murky when photocopied and enlarged for the tabletop. Long story short: a tabletop gamer is often in need of a quick and convenient way to produce maps. <a href=\"http:\/\/mipui.net\/\" target=\"_blank\" rel=\"noopener\">Mipui<\/a> is an open source web app that enables you to create grid-based maps for role-playing games, and it works great for virtual and physical tabletops alike.<\/p>\n<article class=\"align-center media media--type-image media--view-mode-default\">\n<div class=\"field field--name-field-media-image field--type-image field--label-hidden field__item\">  <img decoding=\"async\" src=\"https:\/\/www.cryptocabaret.com\/wp-content\/uploads\/2022\/06\/mipui-cover-pic.png\" width=\"1040\" height=\"584\" alt=\"RPG map rendered in Mipui\" loading=\"lazy\"><\/div>\n<div class=\"field field--name-field-caption field--type-text-long field--label-hidden caption field__item\"><span class=\"caption__byline\">Image by: <\/span><\/p>\n<p><a aria-label=\"Opensource.com\" data-entity-substitution=\"canonical\" data-entity-type=\"node\" data-entity-uuid=\"45e975ae-ab51-4e71-985a-e816b679a828\" href=\"https:\/\/opensource.com\/home-page-new\" title=\"Opensource.com\">Opensource.com<\/a><\/p>\n<\/div>\n<\/article>\n<h2>No installation required<\/h2>\n<p>Mipui is primarily a hosted web app. If you use it and enjoy it, you can make a donation to help with operational costs at <a href=\"https:\/\/ko-fi.com\/mipui\">Mipui&#8217;s ko-fi page<\/a>.<\/p>\n<\/p>\n<div class=\"embedded-resource-list callout-float-right\">\n<div class=\"field field--name-title field--type-string field--label-hidden field__item\">More great content<\/div>\n<div class=\"field field--name-links field--type-link field--label-hidden field__items\">\n<div class=\"field__item\"><a href=\"https:\/\/www.redhat.com\/en\/services\/training\/rh024-red-hat-linux-technical-overview?intcmp=7016000000127cYAAQ\">Free online course: RHEL technical overview<\/a><\/div>\n<div class=\"field__item\"><a href=\"https:\/\/developers.redhat.com\/cheat-sheets\/advanced-linux-commands\/?intcmp=7016000000127cYAAQ\">Learn advanced Linux commands<\/a><\/div>\n<div class=\"field__item\"><a href=\"https:\/\/opensource.com\/downloads\/cheat-sheets?intcmp=7016000000127cYAAQ\">Download cheat sheets<\/a><\/div>\n<div class=\"field__item\"><a href=\"https:\/\/opensource.com\/tags\/linux?intcmp=7016000000127cYAAQ\">Find an open source alternative<\/a><\/div>\n<div class=\"field__item\"><a href=\"https:\/\/opensource.com\/resources?intcmp=7016000000127cYAAQ\">Explore open source resources<\/a><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<h2>Installation<\/h2>\n<p>Alternately, you can install your own Mipui instance, because it&#8217;s distributed with an MIT license. It&#8217;s a Node.js application, and as long as you&#8217;ve got experience running a web server, it&#8217;s a pretty simple installation process. I run mine on a computer I rescued from the tip for use as a home server. The exact package names may vary depending on your distribution, but here are the steps I use.<\/p>\n<p>First, install Git, a web server, and Node.js. Then use Git to download Mipui to the web root directory. Web root directories vary depending on your web server defaults, so verify the path if you&#8217;re unsure where your web server looks for files.<\/p>\n<pre>\n<div class=\"geshifilter\"><div class=\"bash geshifilter-bash\">$ <span class=\"kw2\">sudo<\/span> dnf <span class=\"kw2\">install<\/span> <span class=\"kw2\">git<\/span> nginx nodejs<br>\n$ <span class=\"kw2\">sudo<\/span> <span class=\"kw2\">git clone<\/span> https:<span class=\"sy0\">\/\/<\/span>github.com<span class=\"sy0\">\/<\/span>amishne<span class=\"sy0\">\/<\/span>mipui.git <br><span class=\"sy0\">\/<\/span>usr<span class=\"sy0\">\/<\/span>share<span class=\"sy0\">\/<\/span>nginx<span class=\"sy0\">\/<\/span>html<span class=\"sy0\">\/<\/span><\/div><\/div><\/pre>\n<p>Next, install the required Node packages with <code>npm<\/code>:<\/p>\n<pre>\n<div class=\"geshifilter\"><div class=\"bash geshifilter-bash\"><span class=\"co4\">$ <\/span>npm <span class=\"kw2\">install<\/span> firebase eslint<\/div><\/div><\/pre>\n<p>Finally, start the web server and open a port in your firewall to permit HTTP traffic:<\/p>\n<pre>\n<div class=\"geshifilter\"><div class=\"bash geshifilter-bash\">$ <span class=\"kw2\">sudo<\/span> firewall-cmd <span class=\"re5\">--add-service<\/span> http<br>\n$ <span class=\"kw2\">sudo<\/span> systemctl <span class=\"kw3\">enable<\/span> <span class=\"re5\">--now<\/span> nginx<\/div><\/div><\/pre>\n<p>Navigate to <code>\/mipui\/public\/app\/index.html<\/code> on your server&#8217;s address. For instance, if your server&#8217;s hostname is <code>example.local<\/code> then the address is <code>example.local\/mipui\/public\/app\/index.html<\/code>.<\/p>\n<p>As of this writing, Mipui is rapidly gaining tools that turns it into a full-fledged interactive tabletop, complete with digital miniatures in the form of tokens, line of sight calculation, and fog-of-war. However, I currently use Mipui for cartography.<\/p>\n<h2>Drawing a room<\/h2>\n<p>The top toolbar of Mipui provide general categories of tasks. When you click on one, a toolbox appears below the first with further options.<\/p>\n<article class=\"align-center media media--type-image media--view-mode-default\">\n<div class=\"field field--name-field-media-image field--type-image field--label-hidden field__item\">  <img decoding=\"async\" src=\"https:\/\/www.cryptocabaret.com\/wp-content\/uploads\/2022\/06\/mipui-toolbars.jpg\" width=\"669\" height=\"144\" alt=\"Mipui toolbars\" loading=\"lazy\"><\/div>\n<div class=\"field field--name-field-caption field--type-text-long field--label-hidden caption field__item\"><span class=\"caption__byline\">Image by: <\/span><\/p>\n<p><a aria-label=\"Opensource.com\" data-entity-substitution=\"canonical\" data-entity-type=\"node\" data-entity-uuid=\"45e975ae-ab51-4e71-985a-e816b679a828\" href=\"https:\/\/opensource.com\/home-page-new\" title=\"Opensource.com\">Opensource.com<\/a><\/p>\n<\/div>\n<\/article>\n<p>You can set the theme you want applied to your maps at any time. My favourite is <strong>Cross Hatch (with grid)<\/strong>, but there are several other themes available within the <strong>Map<\/strong> toolbox.<\/p>\n<p>To start drawing, click the <strong>Walls<\/strong> button. Select the <strong>Rectangle Room<\/strong> tool from the toolbox, hover over the grid space you want the room to start, and then click and hold as you drag the rectangle to the desire size. You can divide the room into smaller sections with the same tool. Walls that overlap are merged into a continuous shape.<\/p>\n<p>You can also add single walls with <strong>Wall (auto)<\/strong> and <strong>Wall (manual)<\/strong> tools.<\/p>\n<article class=\"align-center media media--type-image media--view-mode-default\">\n<div class=\"field field--name-field-media-image field--type-image field--label-hidden field__item\">  <img decoding=\"async\" src=\"https:\/\/www.cryptocabaret.com\/wp-content\/uploads\/2022\/06\/mipui-map.jpg\" width=\"797\" height=\"814\" alt=\"A map made in Mipui\" loading=\"lazy\"><\/div>\n<div class=\"field field--name-field-caption field--type-text-long field--label-hidden caption field__item\"><span class=\"caption__byline\">Image by: <\/span><\/p>\n<p><a aria-label=\"Opensource.com\" data-entity-substitution=\"canonical\" data-entity-type=\"node\" data-entity-uuid=\"45e975ae-ab51-4e71-985a-e816b679a828\" href=\"https:\/\/opensource.com\/home-page-new\" title=\"Opensource.com\">Opensource.com<\/a><\/p>\n<\/div>\n<\/article>\n<p>You can add other features, such as doors, secret doors, windows, and bars using the <strong>Separators<\/strong> tool.<\/p>\n<p>You can add arbitrary features, like furniture, crates, treasure chests, and so on, using the <strong>Shapes<\/strong> tool.<\/p>\n<p>For stairs, ramps, underground passages, and pits, use the <strong>Elevation<\/strong> tool.<\/p>\n<article class=\"align-center media media--type-image media--view-mode-default\">\n<div class=\"field field--name-field-media-image field--type-image field--label-hidden field__item\">  <img decoding=\"async\" src=\"https:\/\/www.cryptocabaret.com\/wp-content\/uploads\/2022\/06\/mipui-dungeon.jpg\" width=\"688\" height=\"627\" alt=\"A dungeon designed in Mipui\" loading=\"lazy\"><\/div>\n<div class=\"field field--name-field-caption field--type-text-long field--label-hidden caption field__item\"><span class=\"caption__byline\">Image by: <\/span><\/p>\n<p><a aria-label=\"Opensource.com\" data-entity-substitution=\"canonical\" data-entity-type=\"node\" data-entity-uuid=\"45e975ae-ab51-4e71-985a-e816b679a828\" href=\"https:\/\/opensource.com\/home-page-new\" title=\"Opensource.com\">Opensource.com<\/a><\/p>\n<\/div>\n<\/article>\n<h2>Open source game maps<\/h2>\n<p>There are lots more features in Mipui, including tools for the Game Master to conceal secret doors and text, and to obscure and reveal parts of the map. There&#8217;s a library of tokens to serve as player characters, NPCs, and monsters. You can share a map in either read-only mode or editable mode, you can save a map to local storage (and import it again later), or export a map as an image for printing or for uploading to a virtual tabletop like <a href=\"https:\/\/opensource.com\/article\/20\/11\/open-source-battle-maps\" target=\"_blank\" rel=\"noopener\">Mythic Table<\/a>.<\/p>\n<p>I&#8217;ve been able to reimplement maps from published adventures quickly and easily with Mipui. The simple UI appeals to me, and the simple themes for the maps let the maps define the space but ensure that the players rely on imagination to fill the space in. Try Mipui the next time you need a map for your game.<\/p>\n<\/div>\n<div class=\"clearfix text-formatted field field--name-field-article-subhead field--type-text-long field--label-hidden field__item\">\n<p>This open source mapping tool creates beautiful maps for your tabletop games.<\/p>\n<\/div>\n<div class=\"field field--name-field-lead-image field--type-entity-reference field--label-hidden field__item\">\n<article class=\"media media--type-image media--view-mode-caption\">\n<div class=\"field field--name-field-media-image field--type-image field--label-hidden field__item\">  <img decoding=\"async\" src=\"https:\/\/www.cryptocabaret.com\/wp-content\/uploads\/2022\/06\/mipui-cover-pic.png\" width=\"1040\" height=\"584\" alt=\"RPG map rendered in Mipui\" loading=\"lazy\"><\/div>\n<div class=\"field field--name-field-caption field--type-text-long field--label-hidden caption field__item\"><span class=\"caption__byline\">Image by: <\/span><\/p>\n<p><a aria-label=\"Opensource.com\" data-entity-substitution=\"canonical\" data-entity-type=\"node\" data-entity-uuid=\"45e975ae-ab51-4e71-985a-e816b679a828\" href=\"https:\/\/opensource.com\/node\/69046\" title=\"Opensource.com\">Opensource.com<\/a><\/p>\n<\/div>\n<\/article>\n<\/div>\n<div class=\"field field--name-field-tags field--type-entity-reference field--label-hidden field__items\">\n<div class=\"field__item\"><a href=\"https:\/\/opensource.com\/tags\/gaming\" hreflang=\"en\">Gaming<\/a><\/div>\n<\/p><\/div>\n<div class=\"field field--name-field-listicle-title field--type-string field--label-hidden field__item\">What to read next<\/div>\n<div class=\"field field--name-field-listicles field--type-entity-reference field--label-hidden field__items\">\n<div class=\"field__item\"><a href=\"https:\/\/opensource.com\/article\/20\/7\/free-rpg-day\" hreflang=\"und\">5 games for hosting your own Free RPG Day<\/a><\/div>\n<div class=\"field__item\"><a href=\"https:\/\/opensource.com\/article\/19\/5\/free-rpg-day\" hreflang=\"und\">Try a new game on Free RPG Day<\/a><\/div>\n<\/p><\/div>\n<div class=\"field field--name-field-default-license field--type-list-string field--label-hidden field__item\"><a rel=\"license\" href=\"http:\/\/creativecommons.org\/licenses\/by-sa\/4.0\/\"><br \/>\n        <img decoding=\"async\" alt=\"Creative Commons License\" src=\"https:\/\/www.cryptocabaret.com\/wp-content\/uploads\/2022\/06\/cc-by-sa--33.png\" title=\"This work is licensed under a Creative Commons Attribution-Share Alike 4.0 International License.\"><\/a>This work is licensed under a Creative Commons Attribution-Share Alike 4.0 International License.<\/div>\n<section class=\"field field--name-field-comments field--type-comment field--label-hidden comment-wrapper\">\n<div class=\"comments__count\">\n<div class=\"login\"><a href=\"https:\/\/opensource.com\/user\/register?absolute=1\">Register<\/a> or <a href=\"https:\/\/opensource.com\/user\/login?current=\/rss.xml&amp;absolute=1\">Login<\/a> to post a comment.<\/div>\n<\/p><\/div>\n<\/section>\n<p class=\"wpematico_credit\"><small>Powered by <a href=\"http:\/\/www.wpematico.com\" target=\"_blank\" rel=\"noopener\">WPeMatico<\/a><\/small><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Free RPG Day: Create maps for your Dungeons &amp; Dragons game with Mipui Seth Kenlon Sat, 06\/25\/2022 &#8211; 03:00 Register or Login to like Register or Login to like It&#8217;s Free RPG Day again, and there&#8217;s no better to play a free roleplaying game than with free and open source software. In this digital era [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":65335,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[307],"tags":[],"class_list":["post-65334","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-open-source"],"_links":{"self":[{"href":"https:\/\/www.cryptocabaret.com\/index.php?rest_route=\/wp\/v2\/posts\/65334","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cryptocabaret.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cryptocabaret.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cryptocabaret.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cryptocabaret.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=65334"}],"version-history":[{"count":0,"href":"https:\/\/www.cryptocabaret.com\/index.php?rest_route=\/wp\/v2\/posts\/65334\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cryptocabaret.com\/index.php?rest_route=\/wp\/v2\/media\/65335"}],"wp:attachment":[{"href":"https:\/\/www.cryptocabaret.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=65334"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cryptocabaret.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=65334"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cryptocabaret.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=65334"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}