backups/Fantasy-Map-Generator
1
0
Fork 0
mirror of https://github.com/Azgaar/Fantasy-Map-Generator.git synced 2025-12-16 17:31:24 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

central store for heightmap configs

Browse source
This commit is contained in:
Azgaar 2022-05-29 01:03:21 +03:00
parent c2640bcada
commit 5a6b5b4c95
9 changed files with 145 additions and 190 deletions
Download patch file Download diff file Expand all files Collapse all files

31
modules/heightmap-templates.js → config/heightmap-templates.js
View file

@ -1,6 +1,6 @@
"use strict"; "use strict";
window.HeightmapTemplates = (function () { const heightmapTemplates = (function () {
const volcano = `Hill 1 90-100 44-56 40-60 const volcano = `Hill 1 90-100 44-56 40-60
Multiply 0.8 50-100 0 0 Multiply 0.8 50-100 0 0
Range 1.5 30-55 45-55 40-60 Range 1.5 30-55 45-55 40-60
@ -148,20 +148,19 @@ window.HeightmapTemplates = (function () {
Range 6-8 40-50 5-95 10-90`; Range 6-8 40-50 5-95 10-90`;
return { return {
volcano, volcano: {id: 0, name: "Volcano", template: volcano, probability: 3},
highIsland, highIsland: {id: 1, name: "High Island", template: highIsland, probability: 19},
lowIsland, lowIsland: {id: 2, name: "Low Island", template: lowIsland, probability: 9},
continents, continents: {id: 3, name: "Continents", template: continents, probability: 16},
archipelago, archipelago: {id: 4, name: "Archipelago", template: archipelago, probability: 18},
atoll, atoll: {id: 5, name: "Atoll", template: atoll, probability: 1},
mediterranean, mediterranean: {id: 6, name: "Mediterranean", template: mediterranean, probability: 5},
peninsula, peninsula: {id: 7, name: "Peninsula", template: peninsula, probability: 3},
peninsula, pangea: {id: 8, name: "Pangea", template: pangea, probability: 5},
pangea, isthmus: {id: 9, name: "Isthmus", template: isthmus, probability: 2},
isthmus, shattered: {id: 10, name: "Shattered", template: shattered, probability: 7},
shattered, taklamakan: {id: 11, name: "Taklamakan", template: taklamakan, probability: 1},
taklamakan, oldWorld: {id: 12, name: "Old World", template: oldWorld, probability: 8},
oldWorld, fractious: {id: 13, name: "Fractious", template: fractious, probability: 3}
fractious
}; };
})(); })();

27
config/precreated-heightmaps.js Normal file
View file

@ -0,0 +1,27 @@
"use strict";
const precreatedHeightmaps = {
"africa-centric": {id: 0, name: "Africa Centric"},
arabia: {id: 1, name: "Arabia"},
atlantics: {id: 2, name: "Atlantics"},
britain: {id: 3, name: "Britain"},
caribbean: {id: 4, name: "Caribbean"},
"east-asia": {id: 5, name: "East Asia"},
eurasia: {id: 6, name: "Eurasia"},
europe: {id: 7, name: "Europe"},
"europe-accented": {id: 8, name: "Europe Accented"},
"europe-and-central-asia": {id: 9, name: "Europe and Central Asia"},
"europe-central": {id: 10, name: "Europe Central"},
"europe-north": {id: 11, name: "Europe North"},
greenland: {id: 12, name: "Greenland"},
hellenica: {id: 13, name: "Hellenica"},
iceland: {id: 14, name: "Iceland"},
"indian-ocean": {id: 15, name: "Indian Ocean"},
"mediterranean-sea": {id: 16, name: "Mediterranean Sea"},
"middle-east": {id: 17, name: "Middle East"},
"north-america": {id: 18, name: "North America"},
"us-centric": {id: 19, name: "US-centric"},
"us-mainland": {id: 20, name: "US Mainland"},
world: {id: 21, name: "World"},
"world-from-pacific": {id: 22, name: "World from Pacific"}
};

51
index.html
View file

@ -1324,53 +1324,9 @@
</td> </td>
<td>Heightmap</td> <td>Heightmap</td>
<td> <td>
<select id="templateInput" data-stored="template"> <select id="templateInput" data-stored="template" disabled style="opacity: 1; color: unset"></select>
<optgroup label="Template">
<option value="volcano">Volcano</option>
<option value="highIsland">High Island</option>
<option value="lowIsland">Low Island</option>
<option value="continents">Continents</option>
<option value="archipelago">Archipelago</option>
<option value="atoll">Atoll</option>
<option value="mediterranean">Mediterranean</option>
<option value="peninsula">Peninsula</option>
<option value="pangea">Pangea</option>
<option value="isthmus">Isthmus</option>
<option value="shattered">Shattered</option>
<option value="taklamakan">Taklamakan</option>
<option value="oldWorld">Old World</option>
<option value="fractious">Fractious</option>
</optgroup>
<optgroup label="Specific">
<option value="africa-centric">Africa Centric</option>
<option value="arabia">Arabia</option>
<option value="atlantics">Atlantics</option>
<option value="britain">Britain</option>
<option value="caribbean">Caribbean</option>
<option value="east-asia">East Asia</option>
<option value="eurasia">Eurasia</option>
<option value="europe">Europe</option>
<option value="europe-accented">Europe Accented</option>
<option value="europe-and-central-asia">Europe and Central Asia</option>
<option value="europe-central">Europe Central</option>
<option value="europe-north">Europe North</option>
<option value="greenland">Greenland</option>
<option value="hellenica">Hellenica</option>
<option value="iceland">Iceland</option>
<option value="indian-ocean">Indian Ocean</option>
<option value="mediterranean-sea">Mediterranean Sea</option>
<option value="middle-east">Middle East</option>
<option value="north-america">North America</option>
<option value="us-centric">US-centric</option>
<option value="us-mainland">US Mainland</option>
<option value="world">World</option>
<option value="world-from-pacific">World from Pacific</option>
</optgroup>
</select>
</td>
<td>
<button id="templateSelectButton" data-tip="Select heightmap template or pre-made heightmap">Select</button>
</td> </td>
<td></td>
</tr> </tr>
<tr data-tip="Define how many Cultures should be generated"> <tr data-tip="Define how many Cultures should be generated">
@ -6133,7 +6089,8 @@
<script src="utils/unitUtils.js"></script> <script src="utils/unitUtils.js"></script>
<script src="modules/voronoi.js"></script> <script src="modules/voronoi.js"></script>
<script src="modules/heightmap-templates.js?v=21052020"></script> <script src="config/heightmap-templates.js"></script>
<script src="config/precreated-heightmaps.js"></script>
<script src="modules/heightmap-generator.js?v=21052020"></script> <script src="modules/heightmap-generator.js?v=21052020"></script>
<script src="modules/ocean-layers.js"></script> <script src="modules/ocean-layers.js"></script>
<script src="modules/river-generator.js"></script> <script src="modules/river-generator.js"></script>

17
main.js
View file

@ -899,7 +899,7 @@ function addLakesInDeepDepressions() {
// near sea lakes usually get a lot of water inflow, most of them should brake threshold and flow out to sea (see Ancylus Lake) // near sea lakes usually get a lot of water inflow, most of them should brake threshold and flow out to sea (see Ancylus Lake)
function openNearSeaLakes() { function openNearSeaLakes() {
if (templateInput.value === "Atoll") return; // no need for Atolls if (byId("templateInput").value === "Atoll") return; // no need for Atolls
const cells = grid.cells; const cells = grid.cells;
const features = grid.features; const features = grid.features;
@ -944,7 +944,7 @@ function defineMapSize() {
if (randomize || !locked("latitude")) latitudeOutput.value = latitudeInput.value = rn(latitude); if (randomize || !locked("latitude")) latitudeOutput.value = latitudeInput.value = rn(latitude);
function getSizeAndLatitude() { function getSizeAndLatitude() {
const template = document.getElementById("templateInput").value; // heightmap template const template = byId("templateInput").value; // heightmap template
if (template === "africa-centric") return [45, 53]; if (template === "africa-centric") return [45, 53];
if (template === "arabia") return [20, 35]; if (template === "arabia") return [20, 35];
@ -1921,11 +1921,14 @@ function addZones(number = 1) {
// show map stats on generation complete // show map stats on generation complete
function showStatistics() { function showStatistics() {
const template = templateInput.options[templateInput.selectedIndex].text; const heightmap = byId("templateInput").value;
const templateRandom = locked("template") ? "" : "(random)"; const isTemplate = heightmap in heightmapTemplates;
const heightmapType = isTemplate ? "template" : "precreated";
const isRandomTemplate = isTemplate && !locked("template") ? "random " : "";
const stats = ` Seed: ${seed} const stats = ` Seed: ${seed}
Canvas size: ${graphWidth}x${graphHeight} Canvas size: ${graphWidth}x${graphHeight} px
Template: ${template} ${templateRandom} Heightmap: ${heightmap} (${isRandomTemplate}${heightmapType})
Points: ${grid.points.length} Points: ${grid.points.length}
Cells: ${pack.cells.i.length} Cells: ${pack.cells.i.length}
Map size: ${mapSizeOutput.value}% Map size: ${mapSizeOutput.value}%
@ -1937,7 +1940,7 @@ function showStatistics() {
Cultures: ${pack.cultures.length - 1}`; Cultures: ${pack.cultures.length - 1}`;
mapId = Date.now(); // unique map id is it's creation date number mapId = Date.now(); // unique map id is it's creation date number
mapHistory.push({seed, width: graphWidth, height: graphHeight, template, created: mapId}); mapHistory.push({seed, width: graphWidth, height: graphHeight, template: heightmap, created: mapId});
INFO && console.log(stats); INFO && console.log(stats);
} }

75
modules/dynamic/heightmap-selection.js
View file

@ -1,46 +1,3 @@
const templates = [
{id: "volcano", name: "Volcano"},
{id: "highIsland", name: "High Island"},
{id: "lowIsland", name: "Low Island"},
{id: "continents", name: "Continents"},
{id: "archipelago", name: "Archipelago"},
{id: "atoll", name: "Atoll"},
{id: "mediterranean", name: "Mediterranean"},
{id: "peninsula", name: "Peninsula"},
{id: "pangea", name: "Pangea"},
{id: "isthmus", name: "Isthmus"},
{id: "shattered", name: "Shattered"},
{id: "taklamakan", name: "Taklamakan"},
{id: "oldWorld", name: "Old World"},
{id: "fractious", name: "Fractious"}
];
const heightmaps = [
{id: "africa-centric", name: "Africa Centric"},
{id: "arabia", name: "Arabia"},
{id: "atlantics", name: "Atlantics"},
{id: "britain", name: "Britain"},
{id: "caribbean", name: "Caribbean"},
{id: "east-asia", name: "East Asia"},
{id: "eurasia", name: "Eurasia"},
{id: "europe", name: "Europe"},
{id: "europe-accented", name: "Europe Accented"},
{id: "europe-and-central-asia", name: "Europe and Central Asia"},
{id: "europe-central", name: "Europe Central"},
{id: "europe-north", name: "Europe North"},
{id: "greenland", name: "Greenland"},
{id: "hellenica", name: "Hellenica"},
{id: "iceland", name: "Iceland"},
{id: "indian-ocean", name: "Indian Ocean"},
{id: "mediterranean-sea", name: "Mediterranean Sea"},
{id: "middle-east", name: "Middle East"},
{id: "north-america", name: "North America"},
{id: "us-centric", name: "US-centric"},
{id: "us-mainland", name: "US Mainland"},
{id: "world", name: "World"},
{id: "world-from-pacific", name: "World from Pacific"}
];
const initialSeed = generateSeed(); const initialSeed = generateSeed();
appendStyleSheet(); appendStyleSheet();
insertEditorHtml(); insertEditorHtml();
@ -62,19 +19,20 @@ export function open() {
}, },
Select: function () { Select: function () {
const id = getSelected(); const id = getSelected();
$templateInput.value = id; applyOption($templateInput, id, getName(id));
lock("template"); lock("template");
$(this).dialog("close"); $(this).dialog("close");
}, },
"New Map": function () { "New Map": function () {
const id = getSelected(); const id = getSelected();
$templateInput.value = id; applyOption($templateInput, id, getName(id));
lock("template"); lock("template");
const seed = getSeed(); const seed = getSeed();
Math.random = aleaPRNG(seed); Math.random = aleaPRNG(seed);
regeneratePrompt({seed}); regeneratePrompt({seed});
$(this).dialog("close"); $(this).dialog("close");
} }
} }
@ -208,13 +166,14 @@ function insertEditorHtml() {
byId("dialogs").insertAdjacentHTML("beforeend", heightmapSelectionHtml); byId("dialogs").insertAdjacentHTML("beforeend", heightmapSelectionHtml);
const sections = document.getElementsByClassName("heightmap-selection_container"); const sections = document.getElementsByClassName("heightmap-selection_container");
sections[0].innerHTML = templates sections[0].innerHTML = Object.keys(heightmapTemplates)
.map(({id, name}) => { .map(key => {
const name = heightmapTemplates[key].name;
Math.random = aleaPRNG(initialSeed); Math.random = aleaPRNG(initialSeed);
const heights = generateHeightmap(id); const heights = generateHeightmap(key);
const dataUrl = drawHeights(heights); const dataUrl = drawHeights(heights);
return /* html */ `<article data-id="${id}" data-seed="${initialSeed}"> return /* html */ `<article data-id="${key}" data-seed="${initialSeed}">
<img src="${dataUrl}" alt="${name}" /> <img src="${dataUrl}" alt="${name}" />
<div> <div>
${name} ${name}
@ -224,11 +183,12 @@ function insertEditorHtml() {
}) })
.join(""); .join("");
sections[1].innerHTML = heightmaps sections[1].innerHTML = Object.keys(precreatedHeightmaps)
.map(({id, name}) => { .map(key => {
drawPrecreatedHeightmap(id); const name = precreatedHeightmaps[key].name;
drawPrecreatedHeightmap(key);
return /* html */ `<article data-id="${id}" data-seed="${initialSeed}"> return /* html */ `<article data-id="${key}" data-seed="${initialSeed}">
<img alt="${name}" /> <img alt="${name}" />
<div>${name}</div> <div>${name}</div>
</article>`; </article>`;
@ -271,6 +231,11 @@ function getSeed() {
return byId("heightmapSelection").querySelector(".selected")?.dataset?.seed; return byId("heightmapSelection").querySelector(".selected")?.dataset?.seed;
} }
function getName(id) {
const isTemplate = id in heightmapTemplates;
return isTemplate ? heightmapTemplates[id].name : precreatedHeightmaps[id].name;
}
function drawHeights(heights) { function drawHeights(heights) {
const canvas = document.createElement("canvas"); const canvas = document.createElement("canvas");
canvas.width = grid.cellsX; canvas.width = grid.cellsX;
@ -325,7 +290,7 @@ function redrawAll() {
const {id, seed} = article.dataset; const {id, seed} = article.dataset;
Math.random = aleaPRNG(seed); Math.random = aleaPRNG(seed);
const isTemplate = id in HeightmapTemplates; const isTemplate = id in heightmapTemplates;
if (isTemplate) drawTemplatePreview(id); if (isTemplate) drawTemplatePreview(id);
else drawPrecreatedHeightmap(id); else drawPrecreatedHeightmap(id);
} }

4
modules/heightmap-generator.js
View file

@ -8,7 +8,7 @@ window.HeightmapGenerator = (function () {
const cleanup = () => (heights = null); const cleanup = () => (heights = null);
const fromTemplate = template => { const fromTemplate = template => {
const templateString = HeightmapTemplates[template]; const templateString = heightmapTemplates[template]?.template || "";
const steps = templateString.split("\n"); const steps = templateString.split("\n");
if (!steps.length) throw new Error(`Heightmap template: no steps. Template: ${template}. Steps: ${steps}`); if (!steps.length) throw new Error(`Heightmap template: no steps. Template: ${template}. Steps: ${steps}`);
@ -52,7 +52,7 @@ window.HeightmapGenerator = (function () {
const id = byId("templateInput").value; const id = byId("templateInput").value;
resetHeights(); resetHeights();
const isTemplate = id in HeightmapTemplates; const isTemplate = id in heightmapTemplates;
grid.cells.h = isTemplate ? fromTemplate(id) : await fromPrecreated(id); grid.cells.h = isTemplate ? fromTemplate(id) : await fromPrecreated(id);
cleanup(); cleanup();

23
modules/ui/general.js
View file

@ -3,7 +3,7 @@
// fit full-screen map if window is resized // fit full-screen map if window is resized
window.addEventListener("resize", function (e) { window.addEventListener("resize", function (e) {
if (localStorage.getItem("mapWidth") && localStorage.getItem("mapHeight")) return; if (stored("mapWidth") && stored("mapHeight")) return;
mapWidthInput.value = window.innerWidth; mapWidthInput.value = window.innerWidth;
mapHeightInput.value = window.innerHeight; mapHeightInput.value = window.innerHeight;
changeMapSize(); changeMapSize();
@ -414,7 +414,7 @@ document.querySelectorAll("[data-locked]").forEach(function (e) {
// lock option // lock option
function lock(id) { function lock(id) {
const input = document.querySelector('[data-stored="' + id + '"]'); const input = document.querySelector('[data-stored="' + id + '"]');
if (input) localStorage.setItem(id, input.value); if (input) store(id, input.value);
const el = document.getElementById("lock_" + id); const el = document.getElementById("lock_" + id);
if (!el) return; if (!el) return;
el.dataset.locked = 1; el.dataset.locked = 1;
@ -436,9 +436,14 @@ function locked(id) {
return lockEl.dataset.locked == 1; return lockEl.dataset.locked == 1;
} }
// check if option is stored in localStorage // return key value stored in localStorage or null
function stored(option) { function stored(key) {
return localStorage.getItem(option); return localStorage.getItem(key) || null;
}
// store key value in localStorage
function store(key, value) {
return localStorage.setItem(key, value);
} }
// assign skeaker behaviour // assign skeaker behaviour
@ -458,10 +463,10 @@ function speak(text) {
} }
// apply drop-down menu option. If the value is not in options, add it // apply drop-down menu option. If the value is not in options, add it
function applyOption(select, id, name = id) { function applyOption($select, value, name = value) {
const custom = !Array.from(select.options).some(o => o.value == id); const isExisting = Array.from($select.options).some(o => o.value === value);
if (custom) select.options.add(new Option(name, id)); if (!isExisting) $select.options.add(new Option(name, value));
select.value = id; $select.value = value;
} }
// show info about the generator in a popup // show info about the generator in a popup

2
modules/ui/heightmap-editor.js
View file

@ -921,7 +921,7 @@ function editHeightmap(options) {
body.setAttribute("data-changed", 0); body.setAttribute("data-changed", 0);
body.innerHTML = ""; body.innerHTML = "";
const templateString = HeightmapTemplates[template]; const templateString = heightmapTemplates[template]?.template;
if (!templateString) return; if (!templateString) return;
const steps = templateString.split("\n"); const steps = templateString.split("\n");

105
modules/ui/options.js
View file

@ -6,14 +6,14 @@ $("#exitCustomization").draggable({handle: "div"});
$("#mapLayers").disableSelection(); $("#mapLayers").disableSelection();
// remove glow if tip is aknowledged // remove glow if tip is aknowledged
if (localStorage.getItem("disable_click_arrow_tooltip")) { if (stored("disable_click_arrow_tooltip")) {
clearMainTip(); clearMainTip();
optionsTrigger.classList.remove("glow"); optionsTrigger.classList.remove("glow");
} }
// Show options pane on trigger click // Show options pane on trigger click
function showOptions(event) { function showOptions(event) {
if (!localStorage.getItem("disable_click_arrow_tooltip")) { if (!stored("disable_click_arrow_tooltip")) {
clearMainTip(); clearMainTip();
localStorage.setItem("disable_click_arrow_tooltip", true); localStorage.setItem("disable_click_arrow_tooltip", true);
optionsTrigger.classList.remove("glow"); optionsTrigger.classList.remove("glow");
@ -81,12 +81,12 @@ async function showSupporters() {
} }
// on any option or dialog change // on any option or dialog change
document.getElementById("options").addEventListener("change", checkIfStored); document.getElementById("options").addEventListener("change", storeValueIfRequired);
document.getElementById("dialogs").addEventListener("change", checkIfStored); document.getElementById("dialogs").addEventListener("change", storeValueIfRequired);
document.getElementById("options").addEventListener("input", updateOutputToFollowInput); document.getElementById("options").addEventListener("input", updateOutputToFollowInput);
document.getElementById("dialogs").addEventListener("input", updateOutputToFollowInput); document.getElementById("dialogs").addEventListener("input", updateOutputToFollowInput);
function checkIfStored(ev) { function storeValueIfRequired(ev) {
if (ev.target.dataset.stored) lock(ev.target.dataset.stored); if (ev.target.dataset.stored) lock(ev.target.dataset.stored);
} }
@ -142,7 +142,7 @@ optionsContent.addEventListener("click", function (event) {
else if (id === "optionsMapHistory") showSeedHistoryDialog(); else if (id === "optionsMapHistory") showSeedHistoryDialog();
else if (id === "optionsCopySeed") copyMapURL(); else if (id === "optionsCopySeed") copyMapURL();
else if (id === "optionsEraRegenerate") regenerateEra(); else if (id === "optionsEraRegenerate") regenerateEra();
else if (id === "templateSelectButton") openTemplateSelectionDialog(); else if (id === "templateInput") openTemplateSelectionDialog();
else if (id === "zoomExtentDefault") restoreDefaultZoomExtent(); else if (id === "zoomExtentDefault") restoreDefaultZoomExtent();
else if (id === "translateExtent") toggleTranslateExtent(event.target); else if (id === "translateExtent") toggleTranslateExtent(event.target);
else if (id === "speakerTest") testSpeaker(); else if (id === "speakerTest") testSpeaker();
@ -233,7 +233,7 @@ const voiceInterval = setInterval(function () {
voices.forEach((voice, i) => { voices.forEach((voice, i) => {
select.options.add(new Option(voice.name, i, false)); select.options.add(new Option(voice.name, i, false));
}); });
if (stored("speakerVoice")) select.value = localStorage.getItem("speakerVoice"); if (stored("speakerVoice")) select.value = stored("speakerVoice");
// se voice to store // se voice to store
else select.value = voices.findIndex(voice => voice.lang === "en-US"); // or to first found English-US else select.value = voices.findIndex(voice => voice.lang === "en-US"); // or to first found English-US
}, 1000); }, 1000);
@ -273,13 +273,14 @@ function showSeedHistoryDialog() {
// generate map with historical seed // generate map with historical seed
function restoreSeed(id) { function restoreSeed(id) {
if (mapHistory[id].seed == seed) return tip("The current map is already generated with this seed", null, "error"); const {seed, width, height, template} = mapHistory[id];
byId("optionsSeed").value = seed;
byId("mapWidthInput").value = width;
byId("mapHeightInput").value = height;
byId("templateInput").value = template;
optionsSeed.value = mapHistory[id].seed;
mapWidthInput.value = mapHistory[id].width;
mapHeightInput.value = mapHistory[id].height;
templateInput.value = mapHistory[id].template;
if (locked("template")) unlock("template"); if (locked("template")) unlock("template");
regeneratePrompt(); regeneratePrompt();
} }
@ -457,43 +458,50 @@ function changeZoomExtent(value) {
zoom.scaleTo(svg, scale); zoom.scaleTo(svg, scale);
} }
// control stored options logic // restore options stored in localStorage
function applyStoredOptions() { function applyStoredOptions() {
if (!localStorage.getItem("mapWidth") || !localStorage.getItem("mapHeight")) { if (!stored("mapWidth") || !stored("mapHeight")) {
mapWidthInput.value = window.innerWidth; mapWidthInput.value = window.innerWidth;
mapHeightInput.value = window.innerHeight; mapHeightInput.value = window.innerHeight;
} }
if (localStorage.getItem("distanceUnit")) applyOption(distanceUnitInput, localStorage.getItem("distanceUnit")); const heightmapId = stored("template");
if (localStorage.getItem("heightUnit")) applyOption(heightUnit, localStorage.getItem("heightUnit")); if (heightmapId) {
const name = heightmapTemplates[heightmapId]?.name || precreatedHeightmaps[heightmapId]?.name || heightmapId;
for (let i = 0; i < localStorage.length; i++) { applyOption(byId("templateInput"), heightmapId, name);
const stored = localStorage.key(i);
const value = localStorage.getItem(stored);
if (stored === "speakerVoice") continue;
const input = document.getElementById(stored + "Input") || document.getElementById(stored);
const output = document.getElementById(stored + "Output");
if (input) input.value = value;
if (output) output.value = value;
lock(stored);
// add saved style presets to options
if (stored.slice(0, 5) === "style") applyOption(stylePreset, stored, stored.slice(5));
} }
if (localStorage.getItem("winds")) if (stored("distanceUnit")) applyOption(distanceUnitInput, stored("distanceUnit"));
if (stored("heightUnit")) applyOption(heightUnit, stored("heightUnit"));
for (let i = 0; i < localStorage.length; i++) {
const key = localStorage.key(i);
if (key === "speakerVoice") continue;
const input = byId(key + "Input") || byId(key);
const output = byId(key + "Output");
const value = stored(key);
if (input) input.value = value;
if (output) output.value = value;
lock(key);
// add saved style presets to options
if (key.slice(0, 5) === "style") applyOption(stylePreset, key, key.slice(5));
}
if (stored("winds"))
options.winds = localStorage options.winds = localStorage
.getItem("winds") .getItem("winds")
.split(",") .split(",")
.map(w => +w); .map(w => +w);
if (localStorage.getItem("military")) options.military = JSON.parse(localStorage.getItem("military")); if (stored("military")) options.military = JSON.parse(stored("military"));
if (localStorage.getItem("tooltipSize")) changeTooltipSize(localStorage.getItem("tooltipSize")); if (stored("tooltipSize")) changeTooltipSize(stored("tooltipSize"));
if (localStorage.getItem("regions")) changeStatesNumber(localStorage.getItem("regions")); if (stored("regions")) changeStatesNumber(stored("regions"));
uiSizeInput.max = uiSizeOutput.max = getUImaxSize(); uiSizeInput.max = uiSizeOutput.max = getUImaxSize();
if (localStorage.getItem("uiSize")) changeUIsize(localStorage.getItem("uiSize")); if (stored("uiSize")) changeUIsize(stored("uiSize"));
else changeUIsize(minmax(rn(mapWidthInput.value / 1280, 1), 1, 2.5)); else changeUIsize(minmax(rn(mapWidthInput.value / 1280, 1), 1, 2.5));
// search params overwrite stored and default options // search params overwrite stored and default options
@ -503,8 +511,8 @@ function applyStoredOptions() {
if (width) mapWidthInput.value = width; if (width) mapWidthInput.value = width;
if (height) mapHeightInput.value = height; if (height) mapHeightInput.value = height;
const transparency = localStorage.getItem("transparency") || 5; const transparency = stored("transparency") || 5;
const themeColor = localStorage.getItem("themeColor"); const themeColor = stored("themeColor");
changeDialogsTheme(themeColor, transparency); changeDialogsTheme(themeColor, transparency);
setRendering(shapeRendering.value); setRendering(shapeRendering.value);
@ -549,22 +557,13 @@ function randomizeOptions() {
// select heightmap template pseudo-randomly // select heightmap template pseudo-randomly
function randomizeHeightmapTemplate() { function randomizeHeightmapTemplate() {
const templates = { const templates = {};
volcano: 3, for (const key in heightmapTemplates) {
highIsland: 19, templates[key] = heightmapTemplates[key].probability || 0;
lowIsland: 9, }
continents: 16, const template = rw(templates);
archipelago: 18, const name = heightmapTemplates[template].name;
mediterranean: 5, applyOption(byId("templateInput"), template, name);
peninsula: 3,
pangea: 5,
isthmus: 2,
atoll: 1,
shattered: 7,
taklamakan: 1,
oldWorld: 11
};
document.getElementById("templateInput").value = rw(templates);
} }
// select culture set pseudo-randomly // select culture set pseudo-randomly