mirror of
https://github.com/Azgaar/Fantasy-Map-Generator.git
synced 2025-12-23 20:41:23 +01:00
merge completed... now to fix all the bugs...
This commit is contained in:
howlingsails
commit
87c4d80fbc
3472 changed files with 466748 additions and 6517 deletions
739
modules/ui/burg-editor.js.orig
Normal file
739
modules/ui/burg-editor.js.orig
Normal file
|
|
@ -0,0 +1,739 @@
|
|||
'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();
|
||||
|
||||
<<<<<<< HEAD
|
||||
const my = id || d3.event.target.tagName === 'text' ? 'center bottom-40' : 'center top+40';
|
||||
const at = id ? 'center' : d3.event.target.tagName === 'text' ? 'top' : 'bottom';
|
||||
const of = id ? 'svg' : d3.event.target;
|
||||
|
||||
$('#burgEditor').dialog({
|
||||
title: 'Edit Burg',
|
||||
resizable: false,
|
||||
close: closeBurgEditor,
|
||||
position: {my, at, of, collision: 'fit'}
|
||||
=======
|
||||
$("#burgEditor").dialog({
|
||||
title: "Edit Burg",
|
||||
resizable: false,
|
||||
close: closeBurgEditor,
|
||||
position: {my: "left top", at: "left+10 top+10", of: "svg", collision: "fit"}
|
||||
>>>>>>> master
|
||||
});
|
||||
|
||||
if (modules.editBurg) return;
|
||||
modules.editBurg = true;
|
||||
|
||||
// add listeners
|
||||
<<<<<<< HEAD
|
||||
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('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('burgSeeInMFCG').addEventListener('click', openInMFCG);
|
||||
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('burgLock').addEventListener('mouseover', showBurgELockTip);
|
||||
document.getElementById('burgRemove').addEventListener('click', removeSelectedBurg);
|
||||
=======
|
||||
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("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);
|
||||
>>>>>>> master
|
||||
|
||||
function updateBurgValues() {
|
||||
const id = +elSelected.attr('data-id');
|
||||
const b = pack.burgs[id];
|
||||
|
||||
document.getElementById('burgName').value = b.name;
|
||||
document.getElementById('burgType').value = b.type || 'Generic';
|
||||
document.getElementById('burgPopulation').value = rn(b.population * populationRate * urbanization);
|
||||
|
||||
const stateName = pack.states[b.state].fullName || pack.states[b.state].name;
|
||||
const province = pack.cells.province[b.cell];
|
||||
const provinceName = province ? pack.provinces[province].fullName : '';
|
||||
document.getElementById('burgState').innerHTML = stateName;
|
||||
document.getElementById('burgProvince').innerHTML = provinceName;
|
||||
|
||||
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]];
|
||||
document.getElementById('burgTemperature').innerHTML = convertTemperature(temperature);
|
||||
document.getElementById('burgTemperatureLike').innerHTML = getTemperatureLikeness(temperature);
|
||||
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');
|
||||
|
||||
// economics block
|
||||
document.getElementById('burgProduction').innerHTML = getProduction(b.produced);
|
||||
const deals = pack.trade.deals;
|
||||
document.getElementById('burgExport').innerHTML = getExport(deals.filter((deal) => deal.exporter === b.i));
|
||||
document.getElementById('burgImport').innerHTML = '';
|
||||
|
||||
//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);
|
||||
<<<<<<< HEAD
|
||||
document.getElementById('burgEmblem').setAttribute('href', '#' + coaID);
|
||||
=======
|
||||
document.getElementById("burgEmblem").setAttribute("href", "#" + coaID);
|
||||
|
||||
if (options.showMFCGMap) {
|
||||
document.getElementById("mfcgPreviewSection").style.display = "block";
|
||||
updateMFCGFrame(b);
|
||||
document.getElementById("mfcgBurgSeed").value = getBurgSeed(b);
|
||||
} else {
|
||||
document.getElementById("mfcgPreviewSection").style.display = "none";
|
||||
}
|
||||
>>>>>>> master
|
||||
}
|
||||
|
||||
function getProduction(pool) {
|
||||
let html = '';
|
||||
|
||||
for (const resourceId in pool) {
|
||||
const {name, unit, icon} = Resources.get(+resourceId);
|
||||
const production = pool[resourceId];
|
||||
const unitName = production > 1 ? unit + 's' : unit;
|
||||
|
||||
html += `<span data-tip="${name}: ${production} ${unitName}">
|
||||
<svg class="resIcon"><use href="#${icon}"></svg>
|
||||
<span style="margin: 0 0.2em 0 -0.2em">${production}</span>
|
||||
</span>`;
|
||||
}
|
||||
|
||||
return html;
|
||||
}
|
||||
|
||||
function getExport(dealsArray) {
|
||||
if (!dealsArray.length) return 'no';
|
||||
|
||||
const totalIncome = rn(d3.sum(dealsArray.map((deal) => deal.burgIncome)));
|
||||
const exported = dealsArray.map((deal) => {
|
||||
const {resourceId, quantity, burgIncome} = deal;
|
||||
const {name, unit, icon} = Resources.get(resourceId);
|
||||
const unitName = quantity > 1 ? unit + 's' : unit;
|
||||
|
||||
return `<span data-tip="${name}: ${quantity} ${unitName}. Income: ${rn(burgIncome)}">
|
||||
<svg class="resIcon"><use href="#${icon}"></svg>
|
||||
<span style="margin: 0 0.2em 0 -0.2em">${quantity}</span>
|
||||
</span>`;
|
||||
});
|
||||
|
||||
return `${totalIncome}: ${exported.join('')}`;
|
||||
}
|
||||
|
||||
// [-1; 31] °C, source: https://en.wikipedia.org/wiki/List_of_cities_by_average_temperature
|
||||
function getTemperatureLikeness(temperature) {
|
||||
if (temperature < -15) return 'nowhere in the real-world';
|
||||
if (temperature < -5) return 'in Yakutsk';
|
||||
if (temperature > 31) return 'nowhere in the real-world';
|
||||
const cities = [
|
||||
'Snag (Yukon)',
|
||||
'Yellowknife (Canada)',
|
||||
'Okhotsk (Russia)',
|
||||
'Fairbanks (Alaska)',
|
||||
'Nuuk (Greenland)',
|
||||
'Murmansk', // -5 - 0
|
||||
'Arkhangelsk',
|
||||
'Anchorage',
|
||||
'Tromsø',
|
||||
'Reykjavik',
|
||||
'Riga',
|
||||
'Stockholm',
|
||||
'Halifax',
|
||||
'Prague',
|
||||
'Copenhagen',
|
||||
'London', // 1 - 10
|
||||
'Antwerp',
|
||||
'Paris',
|
||||
'Milan',
|
||||
'Batumi',
|
||||
'Rome',
|
||||
'Dubrovnik',
|
||||
'Lisbon',
|
||||
'Barcelona',
|
||||
'Marrakesh',
|
||||
'Alexandria', // 11 - 20
|
||||
'Tegucigalpa',
|
||||
'Guangzhou',
|
||||
'Rio de Janeiro',
|
||||
'Dakar',
|
||||
'Miami',
|
||||
'Jakarta',
|
||||
'Mogadishu',
|
||||
'Bangkok',
|
||||
'Aden',
|
||||
'Khartoum'
|
||||
]; // 21 - 30
|
||||
if (temperature > 30) return 'Mecca';
|
||||
return cities[temperature + 5] || null;
|
||||
}
|
||||
|
||||
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;
|
||||
|
||||
const message = `Are you sure you want to remove
|
||||
${basic || capital ? 'all unlocked elements in the 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}`;
|
||||
confirmationDialog({title: 'Remove burg group', message, confirm: 'Remove', onConfirm: removeGroup});
|
||||
|
||||
function removeGroup() {
|
||||
$(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();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
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 b = 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 b[feature] = +turnOn;
|
||||
if (b[feature]) this.classList.remove('inactive');
|
||||
else if (!b[feature]) this.classList.add('inactive');
|
||||
|
||||
if (b.port) document.getElementById('burgEditAnchorStyle').style.display = 'inline-block';
|
||||
else document.getElementById('burgEditAnchorStyle').style.display = 'none';
|
||||
}
|
||||
|
||||
function toggleBurgLockButton() {
|
||||
const id = +elSelected.attr('data-id');
|
||||
toggleBurgLock(id);
|
||||
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');
|
||||
}
|
||||
}
|
||||
|
||||
<<<<<<< HEAD
|
||||
function showBurgELockTip() {
|
||||
const id = +elSelected.attr('data-id');
|
||||
showBurgLockTip(id);
|
||||
}
|
||||
|
||||
=======
|
||||
>>>>>>> master
|
||||
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);
|
||||
}
|
||||
|
||||
<<<<<<< HEAD
|
||||
function openInMFCG(event) {
|
||||
const id = elSelected.attr('data-id');
|
||||
const burg = pack.burgs[id];
|
||||
const defSeed = +(seed + id.padStart(4, 0));
|
||||
if (isCtrlClick(event)) {
|
||||
prompt(
|
||||
`Please provide a Medieval Fantasy City Generator seed.
|
||||
Seed should be a number. Default seed is FMG map seed + burg id padded to 4 chars with zeros (${defSeed}).
|
||||
Please note that if seed is custom, "Overworld" button from MFCG will open a different map`,
|
||||
{default: burg.MFCG || defSeed, step: 1, min: 1, max: 1e13 - 1},
|
||||
(v) => {
|
||||
burg.MFCG = v;
|
||||
openMFCG(v);
|
||||
}
|
||||
);
|
||||
} else openMFCG();
|
||||
|
||||
function openMFCG(seed) {
|
||||
if (!seed && burg.MFCGlink) {
|
||||
openURL(burg.MFCGlink);
|
||||
return;
|
||||
}
|
||||
const cells = pack.cells;
|
||||
const name = elSelected.text();
|
||||
const size = Math.max(Math.min(rn(burg.population), 100), 6); // to be removed once change on MFDC is done
|
||||
const population = rn(burg.population * populationRate * urbanization);
|
||||
|
||||
const s = burg.MFCG || defSeed;
|
||||
const cell = burg.cell;
|
||||
const hub = +cells.road[cell] > 50;
|
||||
const river = cells.r[cell] ? 1 : 0;
|
||||
|
||||
const coast = +burg.port;
|
||||
const citadel = +burg.citadel;
|
||||
const walls = +burg.walls;
|
||||
const plaza = +burg.plaza;
|
||||
const temple = +burg.temple;
|
||||
const shanty = +burg.shanty;
|
||||
|
||||
const sea = coast && cells.haven[burg.cell] ? getSeaDirections(burg.cell) : '';
|
||||
function getSeaDirections(i) {
|
||||
const p1 = cells.p[i];
|
||||
const p2 = cells.p[cells.haven[i]];
|
||||
let deg = (Math.atan2(p2[1] - p1[1], p2[0] - p1[0]) * 180) / Math.PI - 90;
|
||||
if (deg < 0) deg += 360;
|
||||
const norm = rn(normalize(deg, 0, 360) * 2, 2); // 0 = south, 0.5 = west, 1 = north, 1.5 = east
|
||||
return '&sea=' + norm;
|
||||
}
|
||||
|
||||
const site = 'http://fantasycities.watabou.ru/?random=0&continuous=0';
|
||||
const url = `${site}&name=${name}&population=${population}&size=${size}&seed=${s}&hub=${hub}&river=${river}&coast=${coast}&citadel=${citadel}&plaza=${plaza}&temple=${temple}&walls=${walls}&shantytown=${shanty}${sea}`;
|
||||
openURL(url);
|
||||
=======
|
||||
function updateMFCGFrame(burg) {
|
||||
const mfcgURL = getMFCGlink(burg);
|
||||
document.getElementById("mfcgPreview").setAttribute("src", mfcgURL);
|
||||
document.getElementById("mfcgLink").setAttribute("href", mfcgURL);
|
||||
}
|
||||
function getBurgSeed(burg) {
|
||||
return burg.MFCG || Number(`${seed}${String(burg.i).padStart(4, 0)}`);
|
||||
}
|
||||
|
||||
function getMFCGlink(burg) {
|
||||
const {cells} = pack;
|
||||
const {name, population, cell} = burg;
|
||||
const burgSeed = getBurgSeed(burg);
|
||||
const sizeRaw = 2.13 * Math.pow((population * populationRate) / urbanDensity, 0.385);
|
||||
const size = minmax(Math.ceil(sizeRaw), 6, 100);
|
||||
const people = rn(population * populationRate * urbanization);
|
||||
|
||||
const hub = +cells.road[cell] > 50;
|
||||
const river = cells.r[cell] ? 1 : 0;
|
||||
|
||||
const coast = +burg.port;
|
||||
const citadel = +burg.citadel;
|
||||
const walls = +burg.walls;
|
||||
const plaza = +burg.plaza;
|
||||
const temple = +burg.temple;
|
||||
const shanty = +burg.shanty;
|
||||
|
||||
const sea = coast && cells.haven[cell] ? getSeaDirections(cell) : "";
|
||||
function getSeaDirections(i) {
|
||||
const p1 = cells.p[i];
|
||||
const p2 = cells.p[cells.haven[i]];
|
||||
let deg = (Math.atan2(p2[1] - p1[1], p2[0] - p1[0]) * 180) / Math.PI - 90;
|
||||
if (deg < 0) deg += 360;
|
||||
const norm = rn(normalize(deg, 0, 360) * 2, 2); // 0 = south, 0.5 = west, 1 = north, 1.5 = east
|
||||
return "&sea=" + norm;
|
||||
>>>>>>> master
|
||||
}
|
||||
|
||||
const baseURL = "https://watabou.github.io/city-generator/?random=0&continuous=0";
|
||||
const url = `${baseURL}&name=${name}&population=${people}&size=${size}&seed=${burgSeed}&hub=${hub}&river=${river}&coast=${coast}&citadel=${citadel}&plaza=${plaza}&temple=${temple}&walls=${walls}&shantytown=${shanty}${sea}`;
|
||||
return url;
|
||||
}
|
||||
|
||||
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 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 {
|
||||
const message = 'Are you sure you want to remove the burg? <br>This action cannot be reverted';
|
||||
const onConfirm = () => {
|
||||
removeBurg(id);
|
||||
$('#burgEditor').dialog('close');
|
||||
};
|
||||
confirmationDialog({title: 'Remove burg', message, confirm: 'Remove', onConfirm});
|
||||
}
|
||||
}
|
||||
|
||||
function closeBurgEditor() {
|
||||
document.getElementById('burgRelocate').classList.remove('pressed');
|
||||
burgLabels.selectAll('text').call(d3.drag().on('drag', null)).classed('draggable', false);
|
||||
unselect();
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue