mirror of
https://github.com/Azgaar/Fantasy-Map-Generator.git
synced 2025-12-22 20:11:24 +01:00
fa0035639a
I'm bad at writing in English. Please excuse me for this. It seems illogical to me the parameter of the average temperature for the year in the burg. Therefore, I found a database of meteorological measurements at https://ru.climate-data.org/ And I analyzed it. With the help of a neural network. I approximately established the dependence of Dy[X] and Dd[X], Md[X] = f(t,p). Dy[X] - how much the temperature in winter differs from the temperature in summer Md[X] - how much the temperature during the day differs from the temperature at night, on average per year Dd[X] - how much the temperature difference between day and night is not constant in winter and summer t - average temperature for the year p - average rainfall for the year Now for each city the temperature is displayed during the day and at night for today. Based on t and p. Perhaps you need to create a world clock or calendar. Thanks for the project and attention!
611 lines
22 KiB
JavaScript
611 lines
22 KiB
JavaScript
"use strict";
|
|
function editBurg(id) {
|
|
if (customization) return;
|
|
closeDialogs(".stable");
|
|
if (!layerIsOn("toggleIcons")) toggleIcons();
|
|
if (!layerIsOn("toggleLabels")) toggleLabels();
|
|
|
|
const burg = id || d3.event.target.dataset.id;
|
|
elSelected = burgLabels.select("[data-id='" + burg + "']");
|
|
burgLabels.selectAll("text").call(d3.drag().on("start", dragBurgLabel)).classed("draggable", true);
|
|
updateBurgValues();
|
|
|
|
$("#burgEditor").dialog({
|
|
title: "Edit Burg",
|
|
resizable: false,
|
|
close: closeBurgEditor,
|
|
position: {my: "left top", at: "left+10 top+10", of: "svg", collision: "fit"}
|
|
});
|
|
|
|
if (modules.editBurg) return;
|
|
modules.editBurg = true;
|
|
|
|
// add listeners
|
|
document.getElementById("burgGroupShow").addEventListener("click", showGroupSection);
|
|
document.getElementById("burgGroupHide").addEventListener("click", hideGroupSection);
|
|
document.getElementById("burgSelectGroup").addEventListener("change", changeGroup);
|
|
document.getElementById("burgInputGroup").addEventListener("change", createNewGroup);
|
|
document.getElementById("burgAddGroup").addEventListener("click", toggleNewGroupInput);
|
|
document.getElementById("burgRemoveGroup").addEventListener("click", removeBurgsGroup);
|
|
|
|
document.getElementById("burgName").addEventListener("input", changeName);
|
|
document.getElementById("burgNameReRandom").addEventListener("click", generateNameRandom);
|
|
document.getElementById("burgType").addEventListener("input", changeType);
|
|
document.getElementById("burgCulture").addEventListener("input", changeCulture);
|
|
document.getElementById("burgNameReCulture").addEventListener("click", generateNameCulture);
|
|
document.getElementById("burgPopulation").addEventListener("change", changePopulation);
|
|
burgBody.querySelectorAll(".burgFeature").forEach(el => el.addEventListener("click", toggleFeature));
|
|
document.getElementById("mfcgBurgSeed").addEventListener("change", changeSeed);
|
|
document.getElementById("regenerateMFCGBurgSeed").addEventListener("click", randomizeSeed);
|
|
document.getElementById("addCustomMFCGBurgLink").addEventListener("click", addCustomMfcgLink);
|
|
|
|
document.getElementById("burgStyleShow").addEventListener("click", showStyleSection);
|
|
document.getElementById("burgStyleHide").addEventListener("click", hideStyleSection);
|
|
document.getElementById("burgEditLabelStyle").addEventListener("click", editGroupLabelStyle);
|
|
document.getElementById("burgEditIconStyle").addEventListener("click", editGroupIconStyle);
|
|
document.getElementById("burgEditAnchorStyle").addEventListener("click", editGroupAnchorStyle);
|
|
|
|
document.getElementById("burgEmblem").addEventListener("click", openEmblemEdit);
|
|
document.getElementById("burgToggleMFCGMap").addEventListener("click", toggleMFCGMap);
|
|
document.getElementById("burgEditEmblem").addEventListener("click", openEmblemEdit);
|
|
document.getElementById("burgRelocate").addEventListener("click", toggleRelocateBurg);
|
|
document.getElementById("burglLegend").addEventListener("click", editBurgLegend);
|
|
document.getElementById("burgLock").addEventListener("click", toggleBurgLockButton);
|
|
document.getElementById("burgRemove").addEventListener("click", removeSelectedBurg);
|
|
|
|
function updateBurgValues() {
|
|
const id = +elSelected.attr("data-id");
|
|
const b = pack.burgs[id];
|
|
const province = pack.cells.province[b.cell];
|
|
const provinceName = province ? pack.provinces[province].fullName + ", " : "";
|
|
const stateName = pack.states[b.state].fullName || pack.states[b.state].name;
|
|
document.getElementById("burgProvinceAndState").innerHTML = provinceName + stateName;
|
|
|
|
document.getElementById("burgName").value = b.name;
|
|
document.getElementById("burgType").value = b.type || "Generic";
|
|
document.getElementById("burgPopulation").value = rn(b.population * populationRate * urbanization);
|
|
document.getElementById("burgEditAnchorStyle").style.display = +b.port ? "inline-block" : "none";
|
|
|
|
// update list and select culture
|
|
const cultureSelect = document.getElementById("burgCulture");
|
|
cultureSelect.options.length = 0;
|
|
const cultures = pack.cultures.filter(c => !c.removed);
|
|
cultures.forEach(c => cultureSelect.options.add(new Option(c.name, c.i, false, c.i === b.culture)));
|
|
|
|
const temperature = grid.cells.temp[pack.cells.g[b.cell]];
|
|
const prec = grid.cells.prec[pack.cells.g[b.cell]];
|
|
document.getElementById("burgTemperature").innerHTML = getTMP(temperature,prec);
|
|
document.getElementById("burgElevation").innerHTML = getHeight(pack.cells.h[b.cell]);
|
|
|
|
// toggle features
|
|
if (b.capital) document.getElementById("burgCapital").classList.remove("inactive");
|
|
else document.getElementById("burgCapital").classList.add("inactive");
|
|
if (b.port) document.getElementById("burgPort").classList.remove("inactive");
|
|
else document.getElementById("burgPort").classList.add("inactive");
|
|
if (b.citadel) document.getElementById("burgCitadel").classList.remove("inactive");
|
|
else document.getElementById("burgCitadel").classList.add("inactive");
|
|
if (b.walls) document.getElementById("burgWalls").classList.remove("inactive");
|
|
else document.getElementById("burgWalls").classList.add("inactive");
|
|
if (b.plaza) document.getElementById("burgPlaza").classList.remove("inactive");
|
|
else document.getElementById("burgPlaza").classList.add("inactive");
|
|
if (b.temple) document.getElementById("burgTemple").classList.remove("inactive");
|
|
else document.getElementById("burgTemple").classList.add("inactive");
|
|
if (b.shanty) document.getElementById("burgShanty").classList.remove("inactive");
|
|
else document.getElementById("burgShanty").classList.add("inactive");
|
|
|
|
//toggle lock
|
|
updateBurgLockIcon();
|
|
|
|
// select group
|
|
const group = elSelected.node().parentNode.id;
|
|
const select = document.getElementById("burgSelectGroup");
|
|
select.options.length = 0; // remove all options
|
|
|
|
burgLabels.selectAll("g").each(function () {
|
|
select.options.add(new Option(this.id, this.id, false, this.id === group));
|
|
});
|
|
|
|
// set emlem image
|
|
const coaID = "burgCOA" + id;
|
|
COArenderer.trigger(coaID, b.coa);
|
|
document.getElementById("burgEmblem").setAttribute("href", "#" + coaID);
|
|
|
|
if (options.showMFCGMap) {
|
|
document.getElementById("mfcgPreviewSection").style.display = "block";
|
|
updateMFCGFrame(b);
|
|
|
|
if (b.link) {
|
|
document.getElementById("mfcgBurgSeedSection").style.display = "none";
|
|
} else {
|
|
document.getElementById("mfcgBurgSeedSection").style.display = "inline-block";
|
|
document.getElementById("mfcgBurgSeed").value = getBurgSeed(b);
|
|
}
|
|
} else {
|
|
document.getElementById("mfcgPreviewSection").style.display = "none";
|
|
}
|
|
}
|
|
|
|
//Returns temperature day and night
|
|
function getTMP(temperature,prec) {
|
|
const I1a = 14.6696329255;
|
|
const I1b = 29.9239661022;
|
|
const I2a = 17.9276974416;
|
|
const I2b = 46.1381431893;
|
|
//Layer1
|
|
const weights1 = [
|
|
[-1.568538763072844,0.39896285438965934],
|
|
[9.362766569441865,16.35735174725377],
|
|
[11.153869905564198,0.43910608419095637],
|
|
[-5.4922076135882945,0.7795169557342387],
|
|
[-0.5303038225734198,1.7085648028450837],
|
|
[-32.68782289040919,54.16240717717199]
|
|
];
|
|
//Layer2
|
|
const weights2 = [
|
|
[9.039400131509195,-0.14134020297280914,-1.8251579089165946,-2.7224797463544554,-7.068030109731971,-0.25015275501636025],
|
|
[-1.2337360995649882,-0.10463427691452784,1.1384430048368683,1.9397462611598868,-3.54461473807957,-0.17489323970406837],
|
|
[-8.469704496889626,-0.5121168415422923,3.2474698014724335,7.840489303677814,-2.1328116090125024,-0.14099404961787781]
|
|
];
|
|
|
|
//From (-∞,∞) to ~[-1,1]
|
|
const In1 = [(temperature - I1a)/I1b,(prec - I2a)/I2b];
|
|
|
|
//Layer1
|
|
let work1 = [];
|
|
for (let i = 0; i < weights1.length ; i++) {
|
|
work1[i] = 0;
|
|
for (let j = 0; j < weights1[i].length ; j++) {
|
|
const a = In1[j];
|
|
const b = weights1[i][j];
|
|
const c = a * b;
|
|
work1[i] = work1[i] + In1[j]*weights1[i][j] ;
|
|
}
|
|
//Sigmoid
|
|
work1[i] = 1/(1+Math.exp(-work1[i]));
|
|
}
|
|
|
|
//Layer2
|
|
let work2 = [];
|
|
for (let i = 0; i < weights2.length ; i++) {
|
|
work2[i] = 0;
|
|
for (let j = 0; j < weights2[i].length ; j++)
|
|
work2[i] = work2[i] + work1[j]*weights2[i][j] ;
|
|
//Sigmoid
|
|
work2[i] = 1/(1+Math.exp(-work2[i]));
|
|
}
|
|
|
|
//From [0,1] to [min,max]
|
|
//Standard deviation for average temperature for the year
|
|
const yearSig = work2[0]*56+1;
|
|
//Standard deviation for the difference between the minimum and maximum temperatures for the year
|
|
const yearDelTmpSig = work2[1]*19+1;
|
|
//Expected value for the difference between the minimum and maximum temperatures for the year
|
|
const yearDelTmpMu = work2[2]*14+2;
|
|
|
|
let dateNow = new Date();
|
|
//Part of a cycle [0,1]
|
|
const data = (dateNow.getMonth()+(dateNow.getDate()-1)/31)/12;
|
|
|
|
//Temperature change shape
|
|
const formTmp = -Math.cos(data*2*Math.PI) / 2;
|
|
|
|
const averT = formTmp * yearSig + temperature;
|
|
const delT = yearDelTmpMu/2+formTmp*yearDelTmpSig/2;
|
|
|
|
const minT = averT-delT;
|
|
const maxT = averT+delT;
|
|
return convertTemperature(maxT.toFixed(1)) + "/" + convertTemperature(minT.toFixed(1));
|
|
}
|
|
|
|
function dragBurgLabel() {
|
|
const tr = parseTransform(this.getAttribute("transform"));
|
|
const dx = +tr[0] - d3.event.x,
|
|
dy = +tr[1] - d3.event.y;
|
|
|
|
d3.event.on("drag", function () {
|
|
const x = d3.event.x,
|
|
y = d3.event.y;
|
|
this.setAttribute("transform", `translate(${dx + x},${dy + y})`);
|
|
tip('Use dragging for fine-tuning only, to actually move burg use "Relocate" button', false, "warning");
|
|
});
|
|
}
|
|
|
|
function showGroupSection() {
|
|
document.querySelectorAll("#burgBottom > button").forEach(el => (el.style.display = "none"));
|
|
document.getElementById("burgGroupSection").style.display = "inline-block";
|
|
}
|
|
|
|
function hideGroupSection() {
|
|
document.querySelectorAll("#burgBottom > button").forEach(el => (el.style.display = "inline-block"));
|
|
document.getElementById("burgGroupSection").style.display = "none";
|
|
document.getElementById("burgInputGroup").style.display = "none";
|
|
document.getElementById("burgInputGroup").value = "";
|
|
document.getElementById("burgSelectGroup").style.display = "inline-block";
|
|
}
|
|
|
|
function changeGroup() {
|
|
const id = +elSelected.attr("data-id");
|
|
moveBurgToGroup(id, this.value);
|
|
}
|
|
|
|
function toggleNewGroupInput() {
|
|
if (burgInputGroup.style.display === "none") {
|
|
burgInputGroup.style.display = "inline-block";
|
|
burgInputGroup.focus();
|
|
burgSelectGroup.style.display = "none";
|
|
} else {
|
|
burgInputGroup.style.display = "none";
|
|
burgSelectGroup.style.display = "inline-block";
|
|
}
|
|
}
|
|
|
|
function createNewGroup() {
|
|
if (!this.value) {
|
|
tip("Please provide a valid group name", false, "error");
|
|
return;
|
|
}
|
|
const group = this.value
|
|
.toLowerCase()
|
|
.replace(/ /g, "_")
|
|
.replace(/[^\w\s]/gi, "");
|
|
|
|
if (document.getElementById(group)) {
|
|
tip("Element with this id already exists. Please provide a unique name", false, "error");
|
|
return;
|
|
}
|
|
|
|
if (Number.isFinite(+group.charAt(0))) {
|
|
tip("Group name should start with a letter", false, "error");
|
|
return;
|
|
}
|
|
|
|
const id = +elSelected.attr("data-id");
|
|
const oldGroup = elSelected.node().parentNode.id;
|
|
|
|
const label = document.querySelector("#burgLabels [data-id='" + id + "']");
|
|
const icon = document.querySelector("#burgIcons [data-id='" + id + "']");
|
|
const anchor = document.querySelector("#anchors [data-id='" + id + "']");
|
|
if (!label || !icon) {
|
|
ERROR && console.error("Cannot find label or icon elements");
|
|
return;
|
|
}
|
|
|
|
const labelG = document.querySelector("#burgLabels > #" + oldGroup);
|
|
const iconG = document.querySelector("#burgIcons > #" + oldGroup);
|
|
const anchorG = document.querySelector("#anchors > #" + oldGroup);
|
|
|
|
// just rename if only 1 element left
|
|
const count = elSelected.node().parentNode.childElementCount;
|
|
if (oldGroup !== "cities" && oldGroup !== "towns" && count === 1) {
|
|
document.getElementById("burgSelectGroup").selectedOptions[0].remove();
|
|
document.getElementById("burgSelectGroup").options.add(new Option(group, group, false, true));
|
|
toggleNewGroupInput();
|
|
document.getElementById("burgInputGroup").value = "";
|
|
labelG.id = group;
|
|
iconG.id = group;
|
|
if (anchor) anchorG.id = group;
|
|
return;
|
|
}
|
|
|
|
// create new groups
|
|
document.getElementById("burgSelectGroup").options.add(new Option(group, group, false, true));
|
|
toggleNewGroupInput();
|
|
document.getElementById("burgInputGroup").value = "";
|
|
|
|
const newLabelG = document.querySelector("#burgLabels").appendChild(labelG.cloneNode(false));
|
|
newLabelG.id = group;
|
|
const newIconG = document.querySelector("#burgIcons").appendChild(iconG.cloneNode(false));
|
|
newIconG.id = group;
|
|
if (anchor) {
|
|
const newAnchorG = document.querySelector("#anchors").appendChild(anchorG.cloneNode(false));
|
|
newAnchorG.id = group;
|
|
}
|
|
moveBurgToGroup(id, group);
|
|
}
|
|
|
|
function removeBurgsGroup() {
|
|
const group = elSelected.node().parentNode;
|
|
const basic = group.id === "cities" || group.id === "towns";
|
|
|
|
const burgsInGroup = [];
|
|
for (let i = 0; i < group.children.length; i++) {
|
|
burgsInGroup.push(+group.children[i].dataset.id);
|
|
}
|
|
const burgsToRemove = burgsInGroup.filter(b => !(pack.burgs[b].capital || pack.burgs[b].lock));
|
|
const capital = burgsToRemove.length < burgsInGroup.length;
|
|
|
|
alertMessage.innerHTML = `Are you sure you want to remove
|
|
${basic || capital ? "all unlocked elements in the burg group" : "the entire burg group"}?
|
|
<br>Please note that capital or locked burgs will not be deleted.
|
|
<br><br>Burgs to be removed: ${burgsToRemove.length}`;
|
|
$("#alert").dialog({
|
|
resizable: false,
|
|
title: "Remove burg group",
|
|
buttons: {
|
|
Remove: function () {
|
|
$(this).dialog("close");
|
|
$("#burgEditor").dialog("close");
|
|
hideGroupSection();
|
|
burgsToRemove.forEach(b => removeBurg(b));
|
|
|
|
if (!basic && !capital) {
|
|
// entirely remove group
|
|
const labelG = document.querySelector("#burgLabels > #" + group.id);
|
|
const iconG = document.querySelector("#burgIcons > #" + group.id);
|
|
const anchorG = document.querySelector("#anchors > #" + group.id);
|
|
if (labelG) labelG.remove();
|
|
if (iconG) iconG.remove();
|
|
if (anchorG) anchorG.remove();
|
|
}
|
|
},
|
|
Cancel: function () {
|
|
$(this).dialog("close");
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
function changeName() {
|
|
const id = +elSelected.attr("data-id");
|
|
pack.burgs[id].name = burgName.value;
|
|
elSelected.text(burgName.value);
|
|
}
|
|
|
|
function generateNameRandom() {
|
|
const base = rand(nameBases.length - 1);
|
|
burgName.value = Names.getBase(base);
|
|
changeName();
|
|
}
|
|
|
|
function changeType() {
|
|
const id = +elSelected.attr("data-id");
|
|
pack.burgs[id].type = this.value;
|
|
}
|
|
|
|
function changeCulture() {
|
|
const id = +elSelected.attr("data-id");
|
|
pack.burgs[id].culture = +this.value;
|
|
}
|
|
|
|
function generateNameCulture() {
|
|
const id = +elSelected.attr("data-id");
|
|
const culture = pack.burgs[id].culture;
|
|
burgName.value = Names.getCulture(culture);
|
|
changeName();
|
|
}
|
|
|
|
function changePopulation() {
|
|
const id = +elSelected.attr("data-id");
|
|
pack.burgs[id].population = rn(burgPopulation.value / populationRate / urbanization, 4);
|
|
}
|
|
|
|
function toggleFeature() {
|
|
const id = +elSelected.attr("data-id");
|
|
const burg = pack.burgs[id];
|
|
const feature = this.dataset.feature;
|
|
const turnOn = this.classList.contains("inactive");
|
|
if (feature === "port") togglePort(id);
|
|
else if (feature === "capital") toggleCapital(id);
|
|
else burg[feature] = +turnOn;
|
|
if (burg[feature]) this.classList.remove("inactive");
|
|
else if (!burg[feature]) this.classList.add("inactive");
|
|
|
|
if (burg.port) document.getElementById("burgEditAnchorStyle").style.display = "inline-block";
|
|
else document.getElementById("burgEditAnchorStyle").style.display = "none";
|
|
updateMFCGFrame(burg);
|
|
}
|
|
|
|
function toggleBurgLockButton() {
|
|
const id = +elSelected.attr("data-id");
|
|
const burg = pack.burgs[id];
|
|
burg.lock = !burg.lock;
|
|
|
|
updateBurgLockIcon();
|
|
}
|
|
|
|
function updateBurgLockIcon() {
|
|
const id = +elSelected.attr("data-id");
|
|
const b = pack.burgs[id];
|
|
if (b.lock) {
|
|
document.getElementById("burgLock").classList.remove("icon-lock-open");
|
|
document.getElementById("burgLock").classList.add("icon-lock");
|
|
} else {
|
|
document.getElementById("burgLock").classList.remove("icon-lock");
|
|
document.getElementById("burgLock").classList.add("icon-lock-open");
|
|
}
|
|
}
|
|
|
|
function showStyleSection() {
|
|
document.querySelectorAll("#burgBottom > button").forEach(el => (el.style.display = "none"));
|
|
document.getElementById("burgStyleSection").style.display = "inline-block";
|
|
}
|
|
|
|
function hideStyleSection() {
|
|
document.querySelectorAll("#burgBottom > button").forEach(el => (el.style.display = "inline-block"));
|
|
document.getElementById("burgStyleSection").style.display = "none";
|
|
}
|
|
|
|
function editGroupLabelStyle() {
|
|
const g = elSelected.node().parentNode.id;
|
|
editStyle("labels", g);
|
|
}
|
|
|
|
function editGroupIconStyle() {
|
|
const g = elSelected.node().parentNode.id;
|
|
editStyle("burgIcons", g);
|
|
}
|
|
|
|
function editGroupAnchorStyle() {
|
|
const g = elSelected.node().parentNode.id;
|
|
editStyle("anchors", g);
|
|
}
|
|
|
|
function updateMFCGFrame(burg) {
|
|
const mfcgURL = getMFCGlink(burg);
|
|
document.getElementById("mfcgPreview").setAttribute("src", mfcgURL + "&preview=1");
|
|
document.getElementById("mfcgLink").setAttribute("href", mfcgURL);
|
|
}
|
|
|
|
function changeSeed() {
|
|
const id = +elSelected.attr("data-id");
|
|
const burg = pack.burgs[id];
|
|
const burgSeed = +this.value;
|
|
burg.MFCG = burgSeed;
|
|
updateMFCGFrame(burg);
|
|
}
|
|
|
|
function randomizeSeed() {
|
|
const id = +elSelected.attr("data-id");
|
|
const burg = pack.burgs[id];
|
|
const burgSeed = rand(1e9 - 1);
|
|
burg.MFCG = burgSeed;
|
|
updateMFCGFrame(burg);
|
|
document.getElementById("mfcgBurgSeed").value = burgSeed;
|
|
}
|
|
|
|
function addCustomMfcgLink() {
|
|
const id = +elSelected.attr("data-id");
|
|
const burg = pack.burgs[id];
|
|
const message = "Enter custom link to the burg map. It can be a link to Medieval Fantasy City Generator or other tool. Keep empty to use MFCG seed";
|
|
prompt(message, {default: burg.link || "", required: false}, link => {
|
|
if (link) burg.link = link;
|
|
else delete burg.link;
|
|
updateMFCGFrame(burg);
|
|
});
|
|
}
|
|
|
|
function openEmblemEdit() {
|
|
const id = +elSelected.attr("data-id"),
|
|
burg = pack.burgs[id];
|
|
editEmblem("burg", "burgCOA" + id, burg);
|
|
}
|
|
|
|
function toggleMFCGMap() {
|
|
options.showMFCGMap = !options.showMFCGMap;
|
|
document.getElementById("mfcgPreviewSection").style.display = options.showMFCGMap ? "block" : "none";
|
|
document.getElementById("burgToggleMFCGMap").className = options.showMFCGMap ? "icon-map" : "icon-map-o";
|
|
}
|
|
|
|
function toggleRelocateBurg() {
|
|
const toggler = document.getElementById("toggleCells");
|
|
document.getElementById("burgRelocate").classList.toggle("pressed");
|
|
if (document.getElementById("burgRelocate").classList.contains("pressed")) {
|
|
viewbox.style("cursor", "crosshair").on("click", relocateBurgOnClick);
|
|
tip("Click on map to relocate burg. Hold Shift for continuous move", true);
|
|
if (!layerIsOn("toggleCells")) {
|
|
toggleCells();
|
|
toggler.dataset.forced = true;
|
|
}
|
|
} else {
|
|
clearMainTip();
|
|
viewbox.on("click", clicked).style("cursor", "default");
|
|
if (layerIsOn("toggleCells") && toggler.dataset.forced) {
|
|
toggleCells();
|
|
toggler.dataset.forced = false;
|
|
}
|
|
}
|
|
}
|
|
|
|
function relocateBurgOnClick() {
|
|
const cells = pack.cells;
|
|
const point = d3.mouse(this);
|
|
const cell = findCell(point[0], point[1]);
|
|
const id = +elSelected.attr("data-id");
|
|
const burg = pack.burgs[id];
|
|
|
|
if (cells.h[cell] < 20) {
|
|
tip("Cannot place burg into the water! Select a land cell", false, "error");
|
|
return;
|
|
}
|
|
|
|
if (cells.burg[cell] && cells.burg[cell] !== id) {
|
|
tip("There is already a burg in this cell. Please select a free cell", false, "error");
|
|
return;
|
|
}
|
|
|
|
const newState = cells.state[cell];
|
|
const oldState = burg.state;
|
|
|
|
if (newState !== oldState && burg.capital) {
|
|
tip("Capital cannot be relocated into another state!", false, "error");
|
|
return;
|
|
}
|
|
|
|
// change UI
|
|
const x = rn(point[0], 2),
|
|
y = rn(point[1], 2);
|
|
burgIcons
|
|
.select("[data-id='" + id + "']")
|
|
.attr("transform", null)
|
|
.attr("cx", x)
|
|
.attr("cy", y);
|
|
burgLabels
|
|
.select("text[data-id='" + id + "']")
|
|
.attr("transform", null)
|
|
.attr("x", x)
|
|
.attr("y", y);
|
|
const anchor = anchors.select("use[data-id='" + id + "']");
|
|
if (anchor.size()) {
|
|
const size = anchor.attr("width");
|
|
const xa = rn(x - size * 0.47, 2);
|
|
const ya = rn(y - size * 0.47, 2);
|
|
anchor.attr("transform", null).attr("x", xa).attr("y", ya);
|
|
}
|
|
|
|
// change data
|
|
cells.burg[burg.cell] = 0;
|
|
cells.burg[cell] = id;
|
|
burg.cell = cell;
|
|
burg.state = newState;
|
|
burg.x = x;
|
|
burg.y = y;
|
|
if (burg.capital) pack.states[newState].center = burg.cell;
|
|
|
|
if (d3.event.shiftKey === false) toggleRelocateBurg();
|
|
}
|
|
|
|
function editBurgLegend() {
|
|
const id = elSelected.attr("data-id");
|
|
const name = elSelected.text();
|
|
editNotes("burg" + id, name);
|
|
}
|
|
|
|
function removeSelectedBurg() {
|
|
const id = +elSelected.attr("data-id");
|
|
if (pack.burgs[id].capital) {
|
|
alertMessage.innerHTML = `You cannot remove the burg as it is a state capital.<br><br>
|
|
You can change the capital using Burgs Editor (shift + T)`;
|
|
$("#alert").dialog({
|
|
resizable: false,
|
|
title: "Remove burg",
|
|
buttons: {
|
|
Ok: function () {
|
|
$(this).dialog("close");
|
|
}
|
|
}
|
|
});
|
|
} else {
|
|
alertMessage.innerHTML = "Are you sure you want to remove the burg?";
|
|
$("#alert").dialog({
|
|
resizable: false,
|
|
title: "Remove burg",
|
|
buttons: {
|
|
Remove: function () {
|
|
$(this).dialog("close");
|
|
removeBurg(id); // see Editors module
|
|
$("#burgEditor").dialog("close");
|
|
},
|
|
Cancel: function () {
|
|
$(this).dialog("close");
|
|
}
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
function closeBurgEditor() {
|
|
document.getElementById("burgRelocate").classList.remove("pressed");
|
|
burgLabels.selectAll("text").call(d3.drag().on("drag", null)).classed("draggable", false);
|
|
unselect();
|
|
}
|
|
}
|