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

feat: show total land percentage in biomes editor footer

Browse source
This commit is contained in:
Marc Emmanuel 2026-02-01 22:09:22 +01:00
parent 454178fa99
commit 940bf5a216
1 changed files with 6 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

6
public/modules/ui/biomes-editor.js
View file

@ -136,11 +136,13 @@ function editBiomes() {
body.innerHTML = lines; body.innerHTML = lines;
// update footer // update footer
const totalMapArea = getArea(d3.sum(pack.cells.area));
biomesFooterBiomes.innerHTML = body.querySelectorAll(":scope > div").length; biomesFooterBiomes.innerHTML = body.querySelectorAll(":scope > div").length;
biomesFooterCells.innerHTML = pack.cells.h.filter(h => h >= 20).length; biomesFooterCells.innerHTML = pack.cells.h.filter(h => h >= 20).length;
biomesFooterArea.innerHTML = si(totalArea) + unit; biomesFooterArea.innerHTML = si(totalArea) + unit;
biomesFooterPopulation.innerHTML = si(totalPopulation); biomesFooterPopulation.innerHTML = si(totalPopulation);
biomesFooterArea.dataset.area = totalArea; biomesFooterArea.dataset.area = totalArea;
biomesFooterArea.dataset.mapArea = totalMapArea;
biomesFooterPopulation.dataset.population = totalPopulation; biomesFooterPopulation.dataset.population = totalPopulation;
// add listeners // add listeners
@ -255,6 +257,7 @@ function editBiomes() {
body.dataset.type = "percentage"; body.dataset.type = "percentage";
const totalCells = +biomesFooterCells.innerHTML; const totalCells = +biomesFooterCells.innerHTML;
const totalArea = +biomesFooterArea.dataset.area; const totalArea = +biomesFooterArea.dataset.area;
const totalMapArea = +biomesFooterArea.dataset.mapArea;
const totalPopulation = +biomesFooterPopulation.dataset.population; const totalPopulation = +biomesFooterPopulation.dataset.population;
body.querySelectorAll(":scope> div").forEach(function (el) { body.querySelectorAll(":scope> div").forEach(function (el) {
@ -262,6 +265,9 @@ function editBiomes() {
el.querySelector(".biomeArea").innerHTML = rn((+el.dataset.area / totalArea) * 100) + "%"; el.querySelector(".biomeArea").innerHTML = rn((+el.dataset.area / totalArea) * 100) + "%";
el.querySelector(".biomePopulation").innerHTML = rn((+el.dataset.population / totalPopulation) * 100) + "%"; el.querySelector(".biomePopulation").innerHTML = rn((+el.dataset.population / totalPopulation) * 100) + "%";
}); });
// update footer to show land percentage of total map
biomesFooterArea.innerHTML = rn((totalArea / totalMapArea) * 100) + "%";
} else { } else {
body.dataset.type = "absolute"; body.dataset.type = "absolute";
biomesEditorAddLines(); biomesEditorAddLines();