backups/Fantasy-Map-Generator
1
0
Fork 0
mirror of https://github.com/Azgaar/Fantasy-Map-Generator.git synced 2025-12-22 03:51:23 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: routes editor - split route

Browse source
This commit is contained in:
Azgaar 2024-06-23 15:43:11 +02:00
parent cd45c3a01b
commit 41354a857e
5 changed files with 154 additions and 55 deletions
Download patch file Download diff file Expand all files Collapse all files

91
modules/ui/routes-editor.js
View file

@ -36,6 +36,7 @@ function editRoute(id) {
// add listeners
byId("routeCreateSelectingCells").on("click", showCreationDialog);
byId("routeSplit").on("click", toggleSplitRoute);
byId("routeElevationProfile").on("click", showRouteElevationProfile);
byId("routeLegend").on("click", editRouteLegend);
byId("routeRemove").on("click", removeRoute);
@ -84,7 +85,7 @@ function editRoute(id) {
.attr("cy", d => d[1])
.attr("r", 0.6)
.call(d3.drag().on("start", dragControlPoint))
.on("click", removeControlPoint);
.on("click", handleControlPointClick);
}
function drawCells() {
@ -170,30 +171,76 @@ function editRoute(id) {
redrawRoute();
}
function removeControlPoint() {
const route = getRoute();
function handleControlPointClick() {
const controlPoint = d3.select(this);
const isSplitMode = byId("routeSplit").classList.contains("pressed");
isSplitMode ? splitRoute(controlPoint) : removeControlPoint(controlPoint);
if (!route.points) route.points = debug.selectAll("#controlPoints > *").data();
const [x, y] = d3.select(this).datum();
const cellId = findCell(x, y);
const routeAllCells = route.points.map(([x, y]) => findCell(x, y));
function splitRoute(controlPoint) {
const allPoints = debug.selectAll("#controlPoints > *").data();
const pointIndex = allPoints.indexOf(controlPoint.datum());
const isOnlyPointInCell = routeAllCells.filter(cell => cell === cellId).length === 1;
if (isOnlyPointInCell) {
const index = route.cells.indexOf(cellId);
const prev = route.cells[index - 1];
const next = route.cells[index + 1];
if (prev) removeConnection(prev, cellId);
if (next) removeConnection(cellId, next);
if (prev && next) addConnection(prev, next, route.i);
const oldRoutePoints = allPoints.slice(0, pointIndex + 1);
const newRoutePoints = allPoints.slice(pointIndex);
// update old route
const oldRoute = getRoute();
oldRoute.points = oldRoutePoints;
oldRoute.cells = unique(oldRoute.points.map(([x, y]) => findCell(x, y)));
drawControlPoints(oldRoute.points);
drawCells();
redrawRoute();
// create new route
const newRoute = {
...oldRoute,
i: Math.max(...pack.routes.map(route => route.i)) + 1,
cells: unique(newRoutePoints.map(([x, y]) => findCell(x, y))),
points: newRoutePoints
};
pack.routes.push(newRoute);
for (let i = 0; i < newRoute.cells.length; i++) {
const cellId = newRoute.cells[i];
const nextCellId = newRoute.cells[i + 1];
if (nextCellId) addConnection(cellId, nextCellId, newRoute.i);
}
const lineGen = d3.line();
lineGen.curve(ROUTE_CURVES[newRoute.group] || ROUTE_CURVES.default);
routes
.select("#" + newRoute.group)
.append("path")
.attr("d", round(lineGen(Routes.getPoints(newRoute, newRoutePoints)), 1))
.attr("id", "route" + newRoute.i);
byId("routeSplit").classList.remove("pressed");
}
this.remove();
route.points = debug.selectAll("#controlPoints > *").data();
route.cells = unique(route.points.map(([x, y]) => findCell(x, y)));
function removeControlPoint(controlPoint) {
const route = getRoute();
drawCells();
redrawRoute();
if (!route.points) route.points = debug.selectAll("#controlPoints > *").data();
const cellId = findCell(...controlPoint.datum());
const routeAllCells = route.points.map(([x, y]) => findCell(x, y));
const isOnlyPointInCell = routeAllCells.filter(cell => cell === cellId).length === 1;
if (isOnlyPointInCell) {
const index = route.cells.indexOf(cellId);
const prev = route.cells[index - 1];
const next = route.cells[index + 1];
if (prev) removeConnection(prev, cellId);
if (next) removeConnection(cellId, next);
if (prev && next) addConnection(prev, next, route.i);
}
controlPoint.remove();
route.points = debug.selectAll("#controlPoints > *").data();
route.cells = unique(route.points.map(([x, y]) => findCell(x, y)));
drawCells();
redrawRoute();
}
}
function showCreationDialog() {
@ -201,6 +248,10 @@ function editRoute(id) {
createRoute(route.group);
}
function toggleSplitRoute() {
this.classList.toggle("pressed");
}
function removeConnection(from, to) {
const routes = pack.cells.routes;
if (routes[from]) delete routes[from][to];