mirror of
https://github.com/Azgaar/Fantasy-Map-Generator.git
synced 2025-12-17 09:41:24 +01:00
Resample transformations (#782)
* Rescale style option for submaps. * namespace for submap ui. * Keep visual change for towns * rotation and shift for resample * Shift first - rotate later * submap mirror transformation, applicative style Co-authored-by: Mészáros Gergely <monk@geotronic.hu>
This commit is contained in:
parent
53dc9a452d
commit
e9b4a7b03a
3 changed files with 87 additions and 18 deletions
|
|
@ -25,6 +25,12 @@ window.UISubmap = (function () {
|
|||
|
||||
function openRemapOptions() {
|
||||
resetZoom(0);
|
||||
document.getElementById("submapRotationAngle").value = 0;
|
||||
document.getElementById("submapRotationAngleOutput").value = "0°";
|
||||
document.getElementById("submapShiftX").value = 0;
|
||||
document.getElementById("submapShiftY").value = 0;
|
||||
document.getElementById("submapMirrorH").checked = false;
|
||||
document.getElementById("submapMirrorV").checked = false;
|
||||
$("#remapOptionsDialog").dialog({
|
||||
title: "Resampler options",
|
||||
resizable: false,
|
||||
|
|
@ -47,10 +53,36 @@ window.UISubmap = (function () {
|
|||
const resampleCurrentMap = debounce(function () {
|
||||
// Resample the whole map to different cell resolution or shape
|
||||
const cellNumId = Number(document.getElementById("submapPointsInput").value);
|
||||
const angle = Number(document.getElementById("submapRotationAngle").value) / 180 * Math.PI;
|
||||
const shiftX = Number(document.getElementById("submapShiftX").value);
|
||||
const shiftY = Number(document.getElementById("submapShiftY").value);
|
||||
const mirrorH = document.getElementById("submapMirrorH").checked;
|
||||
const mirrorV = document.getElementById("submapMirrorV").checked;
|
||||
if (!cellsDensityConstants[cellNumId]) {
|
||||
console.error("Unknown cell number!");
|
||||
return;
|
||||
}
|
||||
|
||||
const [cx, cy] = [graphWidth / 2, graphHeight / 2];
|
||||
const rot = alfa => (x, y) => [
|
||||
(x - cx) * Math.cos(alfa) - (y - cy) * Math.sin(alfa) + cx,
|
||||
(y - cy) * Math.cos(alfa) + (x - cx) * Math.sin(alfa) + cy
|
||||
];
|
||||
const shift = (dx, dy) => (x, y) => [x + dx, y + dy];
|
||||
const flipH = (x, y) => [-x + 2 * cx, y];
|
||||
const flipV = (x, y) => [x, -y + 2 * cy];
|
||||
const app = (f, g) => (x, y) => f(...g(x, y));
|
||||
const id = (x, y) => [x, y];
|
||||
let projection = id, inverse = id;
|
||||
|
||||
if (angle) [projection, inverse] = [rot(angle), rot(-angle)];
|
||||
if (shiftX || shiftY) {
|
||||
projection = app(shift(shiftX, shiftY), projection);
|
||||
inverse = app(inverse, shift(-shiftX, -shiftY));
|
||||
}
|
||||
if (mirrorH) [projection, inverse] = [app(flipH, projection), app(inverse, flipH)];
|
||||
if (mirrorV) [projection, inverse] = [app(flipV, projection), app(inverse, flipV)];
|
||||
|
||||
changeCellsDensity(cellNumId);
|
||||
WARN && console.warn("Resampling current map");
|
||||
startResample({
|
||||
|
|
@ -61,8 +93,8 @@ window.UISubmap = (function () {
|
|||
promoteTowns: false,
|
||||
smoothHeightMap: false,
|
||||
rescaleStyles: false,
|
||||
projection: (x, y) => [x, y],
|
||||
inverse: (x, y) => [x, y]
|
||||
projection,
|
||||
inverse,
|
||||
});
|
||||
}, 1000);
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue