mirror of
https://github.com/Azgaar/Fantasy-Map-Generator.git
synced 2025-12-22 03:51:23 +01:00
Add json save/load functions
This commit is contained in:
Troy Alford
parent
8a19ce49c3
commit
4891e8dfef
1 changed files with 273 additions and 81 deletions
|
|
@ -276,12 +276,242 @@ function displayMapData(data) {
|
|||
biomesData.name = name;
|
||||
}()
|
||||
|
||||
void function replaceSVG() {
|
||||
svg.remove();
|
||||
document.body.insertAdjacentHTML("afterbegin", data[5]);
|
||||
replaceSVG(data[5])
|
||||
redefineElements()
|
||||
|
||||
void function parseGridData() {
|
||||
grid = JSON.parse(data[6]);
|
||||
calculateVoronoi(grid, grid.points);
|
||||
grid.cells.h = Uint8Array.from(data[7].split(","));
|
||||
grid.cells.prec = Uint8Array.from(data[8].split(","));
|
||||
grid.cells.f = Uint16Array.from(data[9].split(","));
|
||||
grid.cells.t = Int8Array.from(data[10].split(","));
|
||||
grid.cells.temp = Int8Array.from(data[11].split(","));
|
||||
}()
|
||||
|
||||
void function redefineElements() {
|
||||
void function parsePackData() {
|
||||
pack = {};
|
||||
reGraph();
|
||||
reMarkFeatures();
|
||||
pack.features = JSON.parse(data[12]);
|
||||
pack.cultures = JSON.parse(data[13]);
|
||||
pack.states = JSON.parse(data[14]);
|
||||
pack.burgs = JSON.parse(data[15]);
|
||||
|
||||
pack.cells.biome = Uint8Array.from(data[16].split(","));
|
||||
pack.cells.burg = Uint16Array.from(data[17].split(","));
|
||||
pack.cells.conf = Uint8Array.from(data[18].split(","));
|
||||
pack.cells.culture = Uint8Array.from(data[19].split(","));
|
||||
pack.cells.fl = Uint16Array.from(data[20].split(","));
|
||||
pack.cells.pop = Uint16Array.from(data[21].split(","));
|
||||
pack.cells.r = Uint16Array.from(data[22].split(","));
|
||||
pack.cells.road = Uint16Array.from(data[23].split(","));
|
||||
pack.cells.s = Uint16Array.from(data[24].split(","));
|
||||
pack.cells.state = Uint8Array.from(data[25].split(","));
|
||||
}()
|
||||
|
||||
restoreLayersState()
|
||||
establishHistory()
|
||||
|
||||
changeMapSize();
|
||||
restoreDefaultEvents();
|
||||
invokeActiveZooming();
|
||||
tip("Map is loaded");
|
||||
console.timeEnd("loadMap");
|
||||
}
|
||||
|
||||
function packageJsonData() {
|
||||
if (customization) {
|
||||
tip("Map cannot be saved when is in edit mode, please exit the mode and re-try", false, "error");
|
||||
return;
|
||||
}
|
||||
|
||||
console.time("packageJsonData");
|
||||
const now = new Date();
|
||||
// set transform values to default
|
||||
svg.attr("width", graphWidth).attr("height", graphHeight);
|
||||
const transform = d3.zoomTransform(svg.node());
|
||||
viewbox.attr("transform", null);
|
||||
|
||||
const json = {
|
||||
coordinates: mapCoordinates,
|
||||
biomes: {
|
||||
color: biomesData.color,
|
||||
habitability: biomesData.habitability,
|
||||
name: biomesData.name
|
||||
},
|
||||
burgs: pack.burgs,
|
||||
cells: {
|
||||
grid: {
|
||||
f: Array.from(grid.cells.f),
|
||||
h: Array.from(grid.cells.h),
|
||||
prec: Array.from(grid.cells.prec),
|
||||
t: Array.from(grid.cells.t),
|
||||
temp: Array.from(grid.cells.temp),
|
||||
},
|
||||
pack: {
|
||||
biome: Array.from(pack.cells.biome),
|
||||
burg: Array.from(pack.cells.burg),
|
||||
conf: Array.from(pack.cells.conf),
|
||||
culture: Array.from(pack.cells.culture),
|
||||
fl: Array.from(pack.cells.fl),
|
||||
pop: Array.from(pack.cells.pop),
|
||||
r: Array.from(pack.cells.r),
|
||||
road: Array.from(pack.cells.road),
|
||||
s: Array.from(pack.cells.s),
|
||||
state: Array.from(pack.cells.state),
|
||||
},
|
||||
},
|
||||
cultures: pack.cultures,
|
||||
features: pack.features,
|
||||
grid: {
|
||||
boundary: grid.boundary,
|
||||
cellsX: grid.cellsX,
|
||||
cellsY: grid.cellsY,
|
||||
features: grid.features,
|
||||
points: grid.points,
|
||||
spacing: grid.spacing,
|
||||
},
|
||||
meta: {
|
||||
dateString: now.getFullYear() + "-" + (now.getMonth() + 1) + "-" + now.getDate(),
|
||||
graphHeight,
|
||||
graphWidth,
|
||||
license: 'File can be loaded in azgaar.github.io/Fantasy-Map-Generator',
|
||||
seed,
|
||||
version,
|
||||
},
|
||||
notes,
|
||||
options: {
|
||||
areaUnit: areaUnit.value,
|
||||
barBackColor: barBackColor.value,
|
||||
barBackOpacity: barBackOpacity.value,
|
||||
barLabel: barLabel.value,
|
||||
barPosX: barPosX.value,
|
||||
barPosY: barPosY.value,
|
||||
barSize: barSize.value,
|
||||
distanceScale: distanceScale.value,
|
||||
distanceUnit: distanceUnit.value,
|
||||
equatorOutput: equatorOutput.value,
|
||||
equidistanceOutput: equidistanceOutput.value,
|
||||
heightExponent: heightExponent.value,
|
||||
heightUnit: heightUnit.value,
|
||||
populationRate: populationRate.value,
|
||||
precOutput: precOutput.value,
|
||||
temperatureEquatorOutput: temperatureEquatorOutput.value,
|
||||
temperaturePoleOutput: temperaturePoleOutput.value,
|
||||
temperatureScale: temperatureScale.value,
|
||||
urbanization: urbanization.value,
|
||||
winds: JSON.stringify(winds),
|
||||
},
|
||||
states: pack.states,
|
||||
svg: (new XMLSerializer()).serializeToString(svg.node()),
|
||||
}
|
||||
|
||||
// restore initial values
|
||||
svg.attr("width", svgWidth).attr("height", svgHeight);
|
||||
zoom.transform(svg, transform);
|
||||
|
||||
return json;
|
||||
}
|
||||
|
||||
function displayJsonData(json) {
|
||||
console.time("loadMap");
|
||||
closeDialogs();
|
||||
|
||||
void function parseMeta() {
|
||||
const meta = json.meta
|
||||
if (meta.seed) { optionsSeed.value = seed = meta.seed; }
|
||||
if (meta.graphWidth) graphWidth = meta.graphWidth;
|
||||
if (meta.graphHeight) graphHeight = meta.graphHeight;
|
||||
}()
|
||||
|
||||
void function parseOptions() {
|
||||
const options = json.options;
|
||||
if (options.distanceUnit) distanceUnit.value = distanceUnitOutput.innerHTML = options.distanceUnit;
|
||||
if (options.distanceScale) distanceScale.value = distanceScaleSlider.value = options.distanceScale;
|
||||
if (options.areaUnit) areaUnit.value = options.areaUnit;
|
||||
if (options.heightUnit) heightUnit.value= options.heightUnit;
|
||||
if (options.heightExponent) heightExponent.value = heightExponentSlider.value = options.heightExponent;
|
||||
if (options.temperatureScale) temperatureScale.value = options.temperatureScale;
|
||||
if (options.barSize) barSize.value = barSizeSlider.value = options.barSize;
|
||||
if (options.barLabel !== undefined) barLabel.value = options.barLabel;
|
||||
if (options.barBackOpacity !== undefined) barBackOpacity.value = options.barBackOpacity;
|
||||
if (options.barBackColor) barBackColor.value = options.barBackColor;
|
||||
if (options.barPosX) barPosX.value = options.barPosX;
|
||||
if (options.barPosY) barPosY.value = options.barPosY;
|
||||
if (options.populationRate) populationRate.value = populationRateSlider.value = options.populationRate;
|
||||
if (options.urbanization) urbanization.value = urbanizationSlider.value = options.urbanization;
|
||||
if (options.equatorInput) equatorInput.value = equatorOutput.value = options.equatorInput;
|
||||
if (options.equidistanceInput) equidistanceInput.value = equidistanceOutput.value = options.equidistanceInput;
|
||||
if (options.temperatureEquatorInput) temperatureEquatorInput.value = temperatureEquatorOutput.value = options.temperatureEquatorInput;
|
||||
if (options.temperaturePoleInput) temperaturePoleInput.value = temperaturePoleOutput.value = options.temperaturePoleInput;
|
||||
if (options.precInput) precInput.value = precOutput.value = options.precInput;
|
||||
if (options.winds) winds = JSON.parse(options.winds);
|
||||
}()
|
||||
|
||||
void function parseConfiguration() {
|
||||
if (json.coordinates) mapCoordinates = json.coordinates;
|
||||
if (json.notes) notes = json.notes;
|
||||
|
||||
if (json.biomes.name.length !== biomesData.name.length) {
|
||||
console.error("Biomes data is not correct and will not be loaded");
|
||||
return;
|
||||
}
|
||||
biomesData.color = json.biomes.color
|
||||
biomesData.habitability = json.biomes.habitability
|
||||
biomesData.name = json.biomes.name
|
||||
}()
|
||||
|
||||
replaceSVG(json.svg)
|
||||
redefineElements()
|
||||
|
||||
void function parseGridData() {
|
||||
grid = json.grid;
|
||||
calculateVoronoi(grid, grid.points);
|
||||
grid.cells.h = Uint8Array.from(json.cells.grid.h);
|
||||
grid.cells.prec = Uint8Array.from(json.cells.grid.prec);
|
||||
grid.cells.f = Uint16Array.from(json.cells.grid.f);
|
||||
grid.cells.t = Int8Array.from(json.cells.grid.t);
|
||||
grid.cells.temp = Int8Array.from(json.cells.grid.temp);
|
||||
}()
|
||||
|
||||
void function parsePackData() {
|
||||
pack = {};
|
||||
reGraph();
|
||||
reMarkFeatures();
|
||||
pack.features = json.features;
|
||||
pack.cultures = json.cultures;
|
||||
pack.states = json.states;
|
||||
pack.burgs = json.burgs;
|
||||
|
||||
pack.cells.biome = Uint8Array.from(json.cells.pack.biome);
|
||||
pack.cells.burg = Uint16Array.from(json.cells.pack.burg);
|
||||
pack.cells.conf = Uint8Array.from(json.cells.pack.conf);
|
||||
pack.cells.culture = Uint8Array.from(json.cells.pack.culture);
|
||||
pack.cells.fl = Uint16Array.from(json.cells.pack.fl);
|
||||
pack.cells.pop = Uint16Array.from(json.cells.pack.pop);
|
||||
pack.cells.r = Uint16Array.from(json.cells.pack.r);
|
||||
pack.cells.road = Uint16Array.from(json.cells.pack.road);
|
||||
pack.cells.s = Uint16Array.from(json.cells.pack.s);
|
||||
pack.cells.state = Uint8Array.from(json.cells.pack.state);
|
||||
}()
|
||||
|
||||
restoreLayersState()
|
||||
establishHistory()
|
||||
|
||||
changeMapSize();
|
||||
restoreDefaultEvents();
|
||||
invokeActiveZooming();
|
||||
tip("Map is loaded");
|
||||
console.timeEnd("loadMap");
|
||||
}
|
||||
|
||||
function replaceSVG(svgMarkup) {
|
||||
svg.remove();
|
||||
document.body.insertAdjacentHTML("afterbegin", svgMarkup);
|
||||
}
|
||||
|
||||
function redefineElements() {
|
||||
svg = d3.select("#map");
|
||||
defs = svg.select("#deftemp");
|
||||
viewbox = svg.select("#viewbox");
|
||||
|
|
@ -323,40 +553,9 @@ function displayMapData(data) {
|
|||
freshwater = lakes.select("#freshwater");
|
||||
salt = lakes.select("#salt");
|
||||
burgLabels = labels.select("#burgLabels");
|
||||
}()
|
||||
}
|
||||
|
||||
void function parseGridData() {
|
||||
grid = JSON.parse(data[6]);
|
||||
calculateVoronoi(grid, grid.points);
|
||||
grid.cells.h = Uint8Array.from(data[7].split(","));
|
||||
grid.cells.prec = Uint8Array.from(data[8].split(","));
|
||||
grid.cells.f = Uint16Array.from(data[9].split(","));
|
||||
grid.cells.t = Int8Array.from(data[10].split(","));
|
||||
grid.cells.temp = Int8Array.from(data[11].split(","));
|
||||
}()
|
||||
|
||||
void function parsePackData() {
|
||||
pack = {};
|
||||
reGraph();
|
||||
reMarkFeatures();
|
||||
pack.features = JSON.parse(data[12]);
|
||||
pack.cultures = JSON.parse(data[13]);
|
||||
pack.states = JSON.parse(data[14]);
|
||||
pack.burgs = JSON.parse(data[15]);
|
||||
|
||||
pack.cells.biome = Uint8Array.from(data[16].split(","));
|
||||
pack.cells.burg = Uint16Array.from(data[17].split(","));
|
||||
pack.cells.conf = Uint8Array.from(data[18].split(","));
|
||||
pack.cells.culture = Uint8Array.from(data[19].split(","));
|
||||
pack.cells.fl = Uint16Array.from(data[20].split(","));
|
||||
pack.cells.pop = Uint16Array.from(data[21].split(","));
|
||||
pack.cells.r = Uint16Array.from(data[22].split(","));
|
||||
pack.cells.road = Uint16Array.from(data[23].split(","));
|
||||
pack.cells.s = Uint16Array.from(data[24].split(","));
|
||||
pack.cells.state = Uint8Array.from(data[25].split(","));
|
||||
}()
|
||||
|
||||
void function restoreLayersState() {
|
||||
function restoreLayersState() {
|
||||
if (texture.style("display") !== "none" && texture.select("image").size()) turnButtonOn("toggleTexture"); else turnButtonOff("toggleTexture");
|
||||
if (terrs.selectAll("*").size()) turnButtonOn("toggleHeight"); else turnButtonOff("toggleHeight");
|
||||
if (biomes.selectAll("*").size()) turnButtonOn("toggleBiomes"); else turnButtonOff("toggleBiomes");
|
||||
|
|
@ -378,9 +577,9 @@ function displayMapData(data) {
|
|||
if (markers.style("display") !== "none") turnButtonOn("toggleMarkers"); else turnButtonOff("toggleMarkers");
|
||||
if (ruler.style("display") !== "none") turnButtonOn("toggleRulers"); else turnButtonOff("toggleRulers");
|
||||
if (scaleBar.style("display") !== "none") turnButtonOn("toggleScaleBar"); else turnButtonOff("toggleScaleBar");
|
||||
}()
|
||||
}
|
||||
|
||||
void function establishHistory() {
|
||||
function establishHistory() {
|
||||
mapHistory.push({
|
||||
created: Date.now(),
|
||||
height: graphHeight,
|
||||
|
|
@ -388,11 +587,4 @@ function displayMapData(data) {
|
|||
template: templateInput.value,
|
||||
width: graphWidth,
|
||||
});
|
||||
}()
|
||||
|
||||
changeMapSize();
|
||||
restoreDefaultEvents();
|
||||
invokeActiveZooming();
|
||||
tip("Map is loaded");
|
||||
console.timeEnd("loadMap");
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue