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

Scaling option for resample

Browse source
This commit is contained in:
Mészáros Gergely 2022-05-17 01:50:38 +02:00
parent e38113662e
commit 6566adaeb6
2 changed files with 18 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

6
index.html
View file

@ -4380,6 +4380,12 @@
<output id="submapAngleOutput">0</output>° <output id="submapAngleOutput">0</output>°
</div> </div>
<div>Scale</div>
<div>
<input id="submapScaleInput" type="range" min="-25" max="25" value="0" />
<output id="submapScaleOutput">1</output>x
</div>
<div>Mirror</div> <div>Mirror</div>
<div> <div>
<input type="checkbox" class="checkbox" id="submapMirrorH" /> <input type="checkbox" class="checkbox" id="submapMirrorH" />

13
modules/ui/submap.js
View file

@ -10,6 +10,12 @@ window.UISubmap = (function () {
output.style.color = getCellsDensityColor(cells); output.style.color = getCellsDensityColor(cells);
}); });
document.getElementById("submapScaleInput").addEventListener("input", function (event) {
const exp = Math.pow(1.1, +event.target.value);
document.getElementById("submapScaleOutput").value = rn(exp,2);
event.stopPropagation();
});
function openSubmapMenu() { function openSubmapMenu() {
$("#submapOptionsDialog").dialog({ $("#submapOptionsDialog").dialog({
title: "Create a submap", title: "Create a submap",
@ -32,7 +38,9 @@ window.UISubmap = (function () {
resetZoom(0); resetZoom(0);
document.getElementById("submapAngleInput").value = 0; document.getElementById("submapAngleInput").value = 0;
document.getElementById("submapAngleOutput").value = "0°"; document.getElementById("submapAngleOutput").value = "0";
document.getElementById("submapScaleInput").value = 1;
document.getElementById("submapScaleOutput").value = 1;
document.getElementById("submapShiftX").value = 0; document.getElementById("submapShiftX").value = 0;
document.getElementById("submapShiftY").value = 0; document.getElementById("submapShiftY").value = 0;
document.getElementById("submapMirrorH").checked = false; document.getElementById("submapMirrorH").checked = false;
@ -64,11 +72,13 @@ window.UISubmap = (function () {
const angle = (+document.getElementById("submapAngleInput").value / 180) * Math.PI; const angle = (+document.getElementById("submapAngleInput").value / 180) * Math.PI;
const shiftX = +document.getElementById("submapShiftX").value; const shiftX = +document.getElementById("submapShiftX").value;
const shiftY = +document.getElementById("submapShiftY").value; const shiftY = +document.getElementById("submapShiftY").value;
const ratio = +document.getElementById("submapScaleInput").value;
const mirrorH = document.getElementById("submapMirrorH").checked; const mirrorH = document.getElementById("submapMirrorH").checked;
const mirrorV = document.getElementById("submapMirrorV").checked; const mirrorV = document.getElementById("submapMirrorV").checked;
const [cx, cy] = [graphWidth / 2, graphHeight / 2]; 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 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 scale = ratio => (x, y) => [(x-cx) * ratio + cx, (y-cy) * ratio + cy];
const shift = (dx, dy) => (x, y) => [x + dx, y + dy]; const shift = (dx, dy) => (x, y) => [x + dx, y + dy];
const flipH = (x, y) => [-x + 2 * cx, y]; const flipH = (x, y) => [-x + 2 * cx, y];
const flipV = (x, y) => [x, -y + 2 * cy]; const flipV = (x, y) => [x, -y + 2 * cy];
@ -83,6 +93,7 @@ window.UISubmap = (function () {
projection = app(shift(shiftX, shiftY), projection); projection = app(shift(shiftX, shiftY), projection);
inverse = app(inverse, shift(-shiftX, -shiftY)); inverse = app(inverse, shift(-shiftX, -shiftY));
} }
if (ratio) [projection, inverse] = [app(scale(Math.pow(1.1,ratio)), projection), app(inverse, scale(Math.pow(1.1,-ratio)))];
if (mirrorH) [projection, inverse] = [app(flipH, projection), app(inverse, flipH)]; if (mirrorH) [projection, inverse] = [app(flipH, projection), app(inverse, flipH)];
if (mirrorV) [projection, inverse] = [app(flipV, projection), app(inverse, flipV)]; if (mirrorV) [projection, inverse] = [app(flipV, projection), app(inverse, flipV)];