urbanDensity - save/load

index.html

@@ -3215,10 +3215,10 @@
           <input id="urbanizationInput" data-stored="urbanization" type="number" min=.01 max=5 step=.01 value=1 >
         </div>
 
-        <div data-tip="Set urban density: average population per building (note, individual cities will vary)">
+        <div data-tip="Set urban density: average population per building in Medieval Fantasy City Generator">
           <div>Urban density:</div>
-          <input id="urbanDensityOutput" data-stored="urbanDensity" type="range" min=2 max=20 step=.5 value=7 >
-          <input id="urbanDensityInput" data-stored="urbanDensity" type="number" min=2 max=20 step=.5 value=7 >
+          <input id="urbanDensityOutput" data-stored="urbanDensity" type="range" min=2 max=20 step=.5 value=10 >
+          <input id="urbanDensityInput" data-stored="urbanDensity" type="number" min=2 max=20 step=.5 value=10 >
         </div>
       </div>
 

modules/load.js

@@ -231,6 +231,7 @@ function parseLoadedData(data) {
       if (settings[21]) hideLabels.checked = +settings[21];
       if (settings[22]) stylePreset.value = settings[22];
       if (settings[23]) rescaleLabels.checked = +settings[23];
+      if (settings[24]) urbanDensity = urbanDensity.value = urbanDensityOutput.value = +settings[24];
     })();
 
     void (function parseConfiguration() {

modules/save.js

@@ -33,7 +33,8 @@ function getMapData() {
     mapName.value,
     +hideLabels.checked,
     stylePreset.value,
-    +rescaleLabels.checked
+    +rescaleLabels.checked,
+    urbanDensity
   ].join("|");
   const coords = JSON.stringify(mapCoordinates);
   const biomes = [biomesData.color, biomesData.habitability, biomesData.name].join("|");

modules/ui/burg-editor.js

@@ -416,7 +416,8 @@ function editBurg(id) {
     const {cells} = pack;
     const {name, population, cell} = burg;
     const burgSeed = getBurgSeed(burg);
-    const size = Math.max(Math.min(Math.ceil(2.13*Math.pow(population * populationRate/urbanDensity,0.385)), 100), 6);
+    const sizeRaw = 2.13 * Math.pow((population * populationRate) / urbanDensity, 0.385);
+    const size = minmax(Math.ceil(sizeRaw), 6, 100);
     const people = rn(population * populationRate * urbanization);
 
     const hub = +cells.road[cell] > 50;

modules/ui/units-editor.js

@@ -144,7 +144,7 @@ function editUnits() {
     urbanDensity = urbanDensityOutput.value = urbanDensityInput.value = 10;
     localStorage.removeItem("populationRate");
     localStorage.removeItem("urbanization");
-    localStorage.removeItem("urbanDensity")
+    localStorage.removeItem("urbanDensity");
   }
 
   function addRuler() {