Fantasy-Map-Generator/modules/ui/submap.js

"use strict";

/*
UI elements for submap generation
*/

function openSubmapOptions() {
  $("#submapOptionsDialog").dialog({
    title: "Submap options",
    resizable: false,
    width: fitContent(),
    position: {my: "right top", at: "right-10 top+10", of: "svg", collision: "fit"},
    buttons: {
      Submap: function () {
        $(this).dialog("close");
        generateSubmap();
      },
      Cancel: function () { $(this).dialog("close"); },
    }
  });
}

function openRemapOptions() {
  resetZoom(0);
  $("#remapOptionsDialog").dialog({
    title: "Resampler options",
    resizable: false,
    width: fitContent(),
    position: {my: "right top", at: "right-10 top+10", of: "svg", collision: "fit"},
    buttons: {
      Resample: function () {
        const cellNumId = Number(document.getElementById('submapPointsInput').value);
        const cells = cellsDensityConstants[cellNumId];
        $(this).dialog("close");
        if (!cells) {
          console.error('Unknown cell number!');
          return;
        }
        changeCellsDensity(cellNumId);
        resampleCurrentMap();
      },
      Cancel: function () { $(this).dialog("close"); },
    },
  });
}

/* callbacks */

const resampleCurrentMap = debounce(function () {
  // Resample the whole map to different cell resolution or shape
  WARN && console.warn("Resampling current map");
  const options = {
    lockMarkers: false,
    lockBurgs: false,
    depressRivers: false,
    addLakesInDepressions: false,
    promoteTowns: false,
    smoothHeightMap: false,
    projection: (x,y) => [x, y],
    inverse: (x,y) => [x, y],
  }

  startResample(options);
}, 1000);


const generateSubmap = debounce(function () {
  // Create submap from the current map
  // submap limits defined by the current window size (canvas viewport)

  WARN && console.warn("Resampling current map");
  closeDialogs("#worldConfigurator, #options3d");
  const checked = id => Boolean(document.getElementById(id).checked)
  // Create projection func from current zoom extents
  const [[x0, y0], [x1, y1]] = getViewBoxExtent();

  const options = {
    lockMarkers: checked("submapLockMarkers"),
    lockBurgs: checked("submapLockBurgs"),

    depressRivers: checked("submapDepressRivers"),
    addLakesInDepressions: checked("submapAddLakeInDepression"),
    promoteTowns: checked("submapPromoteTowns"),
    smoothHeightMap: scale > 2,
    inverse: (x,y) => [x * (x1-x0) / graphWidth + x0, y * (y1-y0) / graphHeight + y0],
    projection: (x, y) => [(x-x0) * graphWidth / (x1-x0),  (y-y0) * graphHeight / (y1-y0)],
  }

  // converting map position on the planet
  const mapSizeOutput = document.getElementById("mapSizeOutput");
  const latitudeOutput = document.getElementById("latitudeOutput");
  const latN = 90 - (180 - mapSizeInput.value / 100 * 180) * latitudeOutput.value / 100;
  const newLatN = latN - y0 / graphHeight * mapSizeOutput.value * 180 / 100;
  mapSizeOutput.value /= scale;
  latitudeOutput.value =  (90 - newLatN) / (180 - mapSizeOutput.value / 100 * 180) * 100;
  document.getElementById("mapSizeInput").value = mapSizeOutput.value;
  document.getElementById("latitudeInput").value = latitudeOutput.value;

  // fix scale
  distanceScaleInput.value = distanceScaleOutput.value = rn(distanceScale = distanceScaleOutput.value / scale, 2);
  populationRateInput.value = populationRateOutput.value = rn(populationRate = populationRateOutput.value / scale, 2);
  customization = 0;
  startResample(options);
}, 1000);


async function startResample(options) {
  undraw();
  resetZoom(0);
  let oldstate = {
    grid: deepCopy(grid),
    pack: deepCopy(pack),
    seed,
    graphWidth,
    graphHeight,
  };

  try {
    const oldScale = scale;
    await Submap.resample(oldstate, options);
    if (options.promoteTowns) {
      const groupName = 'largetowns';
      moveAllBurgsToGroup('towns', groupName);
      changeRadius(rn(oldScale * 0.8,2), groupName);
      changeFontSize(svg.select(`#labels #${groupName}`), rn(oldScale*2, 2));
      invokeActiveZooming();
    }
  } catch (error) {
    showSubmapErrorHandler(error);
  }

  oldstate = null; // destroy old state to free memory

  restoreLayers();
  turnButtonOn('toggleMarkers');
  if (ThreeD.options.isOn) ThreeD.redraw();
  if ($("#worldConfigurator").is(":visible")) editWorld();
}

function showSubmapErrorHandler(error) {
  ERROR && console.error(error);
  clearMainTip();

  alertMessage.innerHTML = `Map resampling failed :_(.
    <br>You may retry after clearing stored data or contact us at discord.
    <p id="errorBox">${parseError(error)}</p>`;
  $("#alert").dialog({
    resizable: false,
    title: "Generation error",
    width: "32em",
    buttons: {
      Ok: function () { $(this).dialog("close"); }
    },
    position: {my: "center", at: "center", of: "svg"}
  });
}