v1.6.10 - updated points number input to a generic style

This commit is contained in:
Azgaar 2021-03-06 00:36:22 +03:00
parent 354830d4ec
commit 8767893d72
4 changed files with 56 additions and 63 deletions

View file

@ -186,38 +186,38 @@
}
function getBlobPower() {
switch (+densityInput.value) {
case POINTS_1K: return .93;
case POINTS_2K: return .95;
case POINTS_5K: return .96;
case POINTS_10K: return .98;
case POINTS_20K: return .985;
case POINTS_30K: return .987;
case POINTS_40K: return .9892;
case POINTS_50K: return .9911;
case POINTS_60K: return .9921;
case POINTS_70K: return .9934;
case POINTS_80K: return .9942;
case POINTS_90K: return .9946;
case POINTS_100K: return .995;
switch (+pointsInput.dataset.cells) {
case 1000: return .93;
case 2000: return .95;
case 5000: return .96;
case 10000: return .98;
case 20000: return .985;
case 30000: return .987;
case 40000: return .9892;
case 50000: return .9911;
case 60000: return .9921;
case 70000: return .9934;
case 80000: return .9942;
case 90000: return .9946;
case 100000: return .995;
}
}
function getLinePower() {
switch (+densityInput.value) {
case POINTS_1K: return .74;
case POINTS_2K: return .75;
case POINTS_5K: return .78;
case POINTS_10K: return .81;
case POINTS_20K: return .82;
case POINTS_30K: return .83;
case POINTS_40K: return .84;
case POINTS_50K: return .855;
case POINTS_60K: return .87;
case POINTS_70K: return .885;
case POINTS_80K: return .91;
case POINTS_90K: return .92;
case POINTS_100K: return .93;
switch (+pointsInput.dataset.cells) {
case 1000: return .74;
case 2000: return .75;
case 5000: return .78;
case 10000: return .81;
case 20000: return .82;
case 30000: return .83;
case 40000: return .84;
case 50000: return .855;
case 60000: return .87;
case 70000: return .885;
case 80000: return .91;
case 90000: return .92;
case 100000: return .93;
}
}

View file

@ -102,7 +102,7 @@ const optionsContent = document.getElementById("optionsContent");
optionsContent.addEventListener("input", function(event) {
const id = event.target.id, value = event.target.value;
if (id === "mapWidthInput" || id === "mapHeightInput") mapSizeInputChange();
else if (id === "densityInput" || id === "densityOutput") changeCellsDensity(+value);
else if (id === "pointsInput") changeCellsDensity(+value);
else if (id === "culturesInput") culturesOutput.value = value;
else if (id === "culturesOutput") culturesInput.value = value;
else if (id === "culturesSet") changeCultureSet();
@ -276,15 +276,26 @@ function copyMapURL() {
}
function changeCellsDensity(value) {
switch (value) {
case POINTS_1K : densityOutput.value = "1K"; break;
case POINTS_2K : densityOutput.value = "2K"; break;
case POINTS_5K : densityOutput.value = "5K"; break;
default: densityOutput.value = (value-POINTS_5K) * 10 + "K";
const convert = v => {
if (v == 1) return 1000;
if (v == 2) return 2000;
if (v == 3) return 5000;
if (v == 4) return 10000;
if (v == 5) return 20000;
if (v == 6) return 30000;
if (v == 7) return 40000;
if (v == 8) return 50000;
if (v == 9) return 60000;
if (v == 10) return 70000;
if (v == 11) return 80000;
if (v == 12) return 90000;
if (v == 13) return 100000;
}
if (value > POINTS_50K) densityOutput.style.color = "#b12117";
else if (value > POINTS_10K) densityOutput.style.color = "#dfdf12";
else densityOutput.style.color = "#038603";
const cells = convert(value);
pointsInput.setAttribute("data-cells", cells);
pointsOutput.value = cells / 1000 + "K";
pointsOutput.style.color = cells > 50000 ? "#b12117" : cells !== 10000 ? "#dfdf12" : "#053305";
}
function changeCultureSet() {