refactor: update ice data handling and rendering for improved performance

This commit is contained in:
StempunkDev 2026-01-13 18:45:45 +01:00
parent b1a8c042e6
commit a2139f1aee
3 changed files with 9 additions and 52 deletions

View file

@ -1,7 +1,7 @@
"use strict";
// Ice layer data model - separates ice data from SVG rendering
const Ice = (() => {
window.Ice = (function () {
// Initialize ice data structure
function initialize() {
pack.ice = {
@ -60,8 +60,7 @@ const Ice = (() => {
pack.ice.icebergs.push({
cellId,
size,
points,
offset: null
points
});
}
}
@ -77,8 +76,7 @@ const Ice = (() => {
pack.ice.icebergs.push({
cellId,
size,
points,
offset: null
points
});
return pack.ice.icebergs.length - 1; // return index

View file

@ -7,29 +7,20 @@ function drawIce() {
// Clear existing ice SVG
ice.selectAll("*").remove();
let html = "";
// Draw glaciers
pack.ice.glaciers.forEach((glacier, index) => {
ice
.append("polygon")
.attr("points", glacier.points)
.attr("type", "iceShield")
.attr("data-index", index)
.attr("transform", glacier.offset ? `translate(${glacier.offset[0]},${glacier.offset[1]})` : null)
.attr("class", "glacier");
html += `<polygon points="${glacier.points}" type="iceShield" data-index="${index}" ${glacier.offset ? `transform="translate(${glacier.offset[0]},${glacier.offset[1]})"` : ""} class="glacier"/>`;
});
// Draw icebergs
pack.ice.icebergs.forEach((iceberg, index) => {
ice
.append("polygon")
.attr("points", iceberg.points)
.attr("cell", iceberg.cellId)
.attr("size", iceberg.size)
.attr("data-index", index)
.attr("transform", iceberg.offset ? `translate(${iceberg.offset[0]},${iceberg.offset[1]})` : null)
.attr("class", "iceberg");
html += `<polygon points="${iceberg.points}" cell="${iceberg.cellId}" size="${iceberg.size}" data-index="${index}" ${iceberg.offset ? `transform="translate(${iceberg.offset[0]},${iceberg.offset[1]})"` : ""} class="iceberg"/>`;
});
ice.html(html);
TIME && console.timeEnd("drawIce");
}

View file

@ -417,38 +417,6 @@ function toggleIce(event) {
}
}
function drawIce() {
TIME && console.time("drawIce");
// Clear existing ice SVG
ice.selectAll("*").remove();
// Draw glaciers
pack.ice.glaciers.forEach((glacier, index) => {
ice
.append("polygon")
.attr("points", glacier.points)
.attr("type", "iceShield")
.attr("data-index", index)
.attr("class", "glacier")
.attr("transform", glacier.offset ? `translate(${glacier.offset[0]},${glacier.offset[1]})` : null);
});
// Draw icebergs
pack.ice.icebergs.forEach((iceberg, index) => {
ice
.append("polygon")
.attr("points", iceberg.points)
.attr("cell", iceberg.cellId)
.attr("size", iceberg.size)
.attr("data-index", index)
.attr("class", "iceberg")
.attr("transform", iceberg.offset ? `translate(${iceberg.offset[0]},${iceberg.offset[1]})` : null);
});
TIME && console.timeEnd("drawIce");
}
function toggleCultures(event) {
const cultures = pack.cultures.filter(c => c.i && !c.removed);
const empty = !cults.selectAll("path").size();