mirror of
https://github.com/Azgaar/Fantasy-Map-Generator.git
synced 2026-02-04 17:41:23 +01:00
4b341a6590
Some checks are pending
Deploy static content to Pages / deploy (push) Waiting to run
* prototype for ice seperation * feat: migrate ice data to new data model and update version to 1.110.0 * refactor: update ice data handling and rendering for improved performance * feat: integrate ice generation and recalculation in heightmap editing * fix ice selection(hopefully) * fix ice selection better(pls) * refactor: remove redundant element selection in ice editing functions * fix: clear ice data before generating glaciers and icebergs * sparse array implementation with reduced updates * fix logic chech in modules/dynamic/auto-update.js Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> * fix: migrate ice data to new data model structure * refactor: streamline ice generation process and clean up rendering functions * refactor: simplify ice rendering logic by removing redundant clearing of old SVG * fix: update editIce function to accept element parameter and improve logic for glacier handling * ice drawing with only type on less occuring glaciers * feat: add compactPackData function to filter out undefined glaciers and icebergs * fix: clear existing ice elements before redrawing in editHeightmap function * fix compact problems on autosave * refactor: unify ice data structure and streamline ice element handling * refactor: improve getNextId function to fill gaps in ice element IDs(optional commit) * just to be sure * bump version in html * fix index.html script import * feat: add ice module script to index.html * fix migration check --------- Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
70 lines
No EOL
2.3 KiB
JavaScript
70 lines
No EOL
2.3 KiB
JavaScript
"use strict";
|
|
|
|
// Ice layer renderer - renders ice from data model to SVG
|
|
function drawIce() {
|
|
TIME && console.time("drawIce");
|
|
|
|
// Clear existing ice SVG
|
|
ice.selectAll("*").remove();
|
|
|
|
let html = "";
|
|
|
|
// Draw all ice elements
|
|
pack.ice.forEach(iceElement => {
|
|
if (iceElement.type === "glacier") {
|
|
html += getGlacierHtml(iceElement);
|
|
} else if (iceElement.type === "iceberg") {
|
|
html += getIcebergHtml(iceElement);
|
|
}
|
|
});
|
|
|
|
ice.html(html);
|
|
|
|
TIME && console.timeEnd("drawIce");
|
|
}
|
|
|
|
function redrawIceberg(id) {
|
|
TIME && console.time("redrawIceberg");
|
|
const iceberg = pack.ice.find(element => element.i === id);
|
|
let el = ice.selectAll(`polygon[data-id="${id}"]:not([type="glacier"])`);
|
|
if (!iceberg && !el.empty()) {
|
|
el.remove();
|
|
} else {
|
|
if (el.empty()) {
|
|
// Create new element if it doesn't exist
|
|
const polygon = getIcebergHtml(iceberg);
|
|
ice.node().insertAdjacentHTML("beforeend", polygon);
|
|
el = ice.selectAll(`polygon[data-id="${id}"]:not([type="glacier"])`);
|
|
}
|
|
el.attr("points", iceberg.points);
|
|
el.attr("transform", iceberg.offset ? `translate(${iceberg.offset[0]},${iceberg.offset[1]})` : null);
|
|
}
|
|
TIME && console.timeEnd("redrawIceberg");
|
|
}
|
|
|
|
function redrawGlacier(id) {
|
|
TIME && console.time("redrawGlacier");
|
|
const glacier = pack.ice.find(element => element.i === id);
|
|
let el = ice.selectAll(`polygon[data-id="${id}"][type="glacier"]`);
|
|
if (!glacier && !el.empty()) {
|
|
el.remove();
|
|
} else {
|
|
if (el.empty()) {
|
|
// Create new element if it doesn't exist
|
|
const polygon = getGlacierHtml(glacier);
|
|
ice.node().insertAdjacentHTML("beforeend", polygon);
|
|
el = ice.selectAll(`polygon[data-id="${id}"][type="glacier"]`);
|
|
}
|
|
el.attr("points", glacier.points);
|
|
el.attr("transform", glacier.offset ? `translate(${glacier.offset[0]},${glacier.offset[1]})` : null);
|
|
}
|
|
TIME && console.timeEnd("redrawGlacier");
|
|
}
|
|
|
|
function getGlacierHtml(glacier) {
|
|
return `<polygon points="${glacier.points}" type="glacier" data-id="${glacier.i}" ${glacier.offset ? `transform="translate(${glacier.offset[0]},${glacier.offset[1]})"` : ""}/>`;
|
|
}
|
|
|
|
function getIcebergHtml(iceberg) {
|
|
return `<polygon points="${iceberg.points}" data-id="${iceberg.i}" ${iceberg.offset ? `transform="translate(${iceberg.offset[0]},${iceberg.offset[1]})"` : ""}/>`;
|
|
} |