Atlas48/grungnet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added grid inset to map snapping

Browse Source
This commit is contained in:
Mitchell McCaffrey
2020-10-09 14:50:51 +11:00
parent f851b01f47
commit e92a9acb5a
4 changed files with 42 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/map/MapToken.js
View File

@@ -82,15 +82,29 @@ function MapToken({
const tokenGroup = event.target;
// Snap to corners of grid
if (map.snapToGrid) {
const offset = Vector2.multiply(map.grid.inset.topLeft, {
x: mapWidth,
y: mapHeight,
});
const position = {
x: tokenGroup.x() + tokenGroup.width() / 2,
y: tokenGroup.y() + tokenGroup.height() / 2,
};
const gridSize = {
x: mapWidth / map.grid.size.x,
y: mapHeight / map.grid.size.y,
x:
(mapWidth *
(map.grid.inset.bottomRight.x - map.grid.inset.topLeft.x)) /
map.grid.size.x,
y:
(mapHeight *
(map.grid.inset.bottomRight.x - map.grid.inset.topLeft.x)) /
map.grid.size.y,
};
const gridSnap = Vector2.roundTo(position, gridSize);
// Transform into offset space, round, then transform back
const gridSnap = Vector2.add(
Vector2.roundTo(Vector2.subtract(position, offset), gridSize),
offset
);
const gridDistance = Vector2.length(Vector2.subtract(gridSnap, position));
const minGrid = Vector2.min(gridSize);
if (gridDistance < minGrid * snappingThreshold) {