mirror of
https://github.com/Azgaar/Fantasy-Map-Generator.git
synced 2025-12-16 17:31:24 +01:00
fix: elevation profile color scheme
This commit is contained in:
parent
14ac83e6f5
commit
09f835c210
4 changed files with 42 additions and 10 deletions
|
|
@ -364,7 +364,7 @@ function removeUnusedElements(clone) {
|
||||||
|
|
||||||
function updateMeshCells(clone) {
|
function updateMeshCells(clone) {
|
||||||
const data = renderOcean.checked ? grid.cells.i : grid.cells.i.filter(i => grid.cells.h[i] >= 20);
|
const data = renderOcean.checked ? grid.cells.i : grid.cells.i.filter(i => grid.cells.h[i] >= 20);
|
||||||
const scheme = getColorScheme(terrs.attr("scheme"));
|
const scheme = getColorScheme(terrs.select("#landHeights").attr("scheme"));
|
||||||
clone.select("#heights").attr("filter", "url(#blur1)");
|
clone.select("#heights").attr("filter", "url(#blur1)");
|
||||||
clone
|
clone
|
||||||
.select("#heights")
|
.select("#heights")
|
||||||
|
|
|
||||||
|
|
@ -193,8 +193,15 @@ function showElevationProfile(data, routeLen, isRiver) {
|
||||||
.attr("d", "M0,0 V4 L2,2 Z")
|
.attr("d", "M0,0 V4 L2,2 Z")
|
||||||
.attr("fill", "darkgray");
|
.attr("fill", "darkgray");
|
||||||
|
|
||||||
let colors = getColorScheme(terrs.attr("scheme"));
|
const colors = getColorScheme("natural");
|
||||||
const landdef = chart.select("defs").append("linearGradient").attr("id", "landdef").attr("x1", "0%").attr("y1", "0%").attr("x2", "0%").attr("y2", "100%");
|
const landdef = chart
|
||||||
|
.select("defs")
|
||||||
|
.append("linearGradient")
|
||||||
|
.attr("id", "landdef")
|
||||||
|
.attr("x1", "0%")
|
||||||
|
.attr("y1", "0%")
|
||||||
|
.attr("x2", "0%")
|
||||||
|
.attr("y2", "100%");
|
||||||
|
|
||||||
if (chartData.mah == chartData.mih) {
|
if (chartData.mah == chartData.mih) {
|
||||||
landdef
|
landdef
|
||||||
|
|
@ -247,7 +254,14 @@ function showElevationProfile(data, routeLen, isRiver) {
|
||||||
path += " L" + parseInt(xscale(extra.length) + +xOffset) + "," + parseInt(yscale(0) + +yOffset);
|
path += " L" + parseInt(xscale(extra.length) + +xOffset) + "," + parseInt(yscale(0) + +yOffset);
|
||||||
path += " L" + parseInt(xscale(0) + +xOffset) + "," + parseInt(yscale(0) + +yOffset);
|
path += " L" + parseInt(xscale(0) + +xOffset) + "," + parseInt(yscale(0) + +yOffset);
|
||||||
path += "Z";
|
path += "Z";
|
||||||
chart.append("g").attr("id", "epland").append("path").attr("d", path).attr("stroke", "purple").attr("stroke-width", "0").attr("fill", "url(#landdef)");
|
chart
|
||||||
|
.append("g")
|
||||||
|
.attr("id", "epland")
|
||||||
|
.append("path")
|
||||||
|
.attr("d", path)
|
||||||
|
.attr("stroke", "purple")
|
||||||
|
.attr("stroke-width", "0")
|
||||||
|
.attr("fill", "url(#landdef)");
|
||||||
|
|
||||||
// biome / heights
|
// biome / heights
|
||||||
let g = chart.append("g").attr("id", "epbiomes");
|
let g = chart.append("g").attr("id", "epbiomes");
|
||||||
|
|
@ -289,7 +303,14 @@ function showElevationProfile(data, routeLen, isRiver) {
|
||||||
chartData.cell[k] +
|
chartData.cell[k] +
|
||||||
")";
|
")";
|
||||||
|
|
||||||
g.append("rect").attr("stroke", c).attr("fill", c).attr("x", x).attr("y", y).attr("width", xscale(1)).attr("height", 15).attr("data-tip", dataTip);
|
g.append("rect")
|
||||||
|
.attr("stroke", c)
|
||||||
|
.attr("fill", c)
|
||||||
|
.attr("x", x)
|
||||||
|
.attr("y", y)
|
||||||
|
.attr("width", xscale(1))
|
||||||
|
.attr("height", 15)
|
||||||
|
.attr("data-tip", dataTip);
|
||||||
}
|
}
|
||||||
|
|
||||||
const xAxis = d3
|
const xAxis = d3
|
||||||
|
|
@ -371,7 +392,17 @@ function showElevationProfile(data, routeLen, isRiver) {
|
||||||
// arrow from burg name to graph line
|
// arrow from burg name to graph line
|
||||||
g.append("path")
|
g.append("path")
|
||||||
.attr("id", "eparrow" + b)
|
.attr("id", "eparrow" + b)
|
||||||
.attr("d", "M" + x1.toString() + "," + (y1 + 3).toString() + "L" + x1.toString() + "," + parseInt(chartData.points[k][1] - 3).toString())
|
.attr(
|
||||||
|
"d",
|
||||||
|
"M" +
|
||||||
|
x1.toString() +
|
||||||
|
"," +
|
||||||
|
(y1 + 3).toString() +
|
||||||
|
"L" +
|
||||||
|
x1.toString() +
|
||||||
|
"," +
|
||||||
|
parseInt(chartData.points[k][1] - 3).toString()
|
||||||
|
)
|
||||||
.attr("stroke", "darkgray")
|
.attr("stroke", "darkgray")
|
||||||
.attr("fill", "lightgray")
|
.attr("fill", "lightgray")
|
||||||
.attr("stroke-width", "1")
|
.attr("stroke-width", "1")
|
||||||
|
|
|
||||||
|
|
@ -327,9 +327,10 @@ function drawCellsValue(data) {
|
||||||
|
|
||||||
// helper function non-used for the main generation
|
// helper function non-used for the main generation
|
||||||
function drawPolygons(data) {
|
function drawPolygons(data) {
|
||||||
const max = d3.max(data),
|
const max = d3.max(data);
|
||||||
min = d3.min(data),
|
const min = d3.min(data);
|
||||||
scheme = getColorScheme(terrs.select("#landHeights").attr("scheme"));
|
const scheme = getColorScheme(terrs.select("#landHeights").attr("scheme"));
|
||||||
|
|
||||||
data = data.map(d => 1 - normalize(d, min, max));
|
data = data.map(d => 1 - normalize(d, min, max));
|
||||||
|
|
||||||
debug.selectAll("polygon").remove();
|
debug.selectAll("polygon").remove();
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
"use strict";
|
"use strict";
|
||||||
|
|
||||||
// version and caching control
|
// version and caching control
|
||||||
const version = "1.96.01"; // generator version, update each time
|
const version = "1.96.02"; // generator version, update each time
|
||||||
|
|
||||||
{
|
{
|
||||||
document.title += " v" + version;
|
document.title += " v" + version;
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue