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

Moved token mount intersection to use proper intersection shape

Browse Source
This commit is contained in:
Mitchell McCaffrey 2020-07-18 15:21:33 +10:00
parent 723e53948e
commit f1986c0c14
1 changed files with 11 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -45,15 +45,15 @@ function MapToken({
}, [tokenSourceImage]);
function handleDragStart(event) {
const tokenImage = event.target;
const tokenImageRect = tokenImage.getClientRect();
const tokenGroup = event.target;
const tokenImage = imageRef.current;
if (token && token.isVehicle) {
// Find all other tokens on the map
const layer = tokenImage.getLayer();
const layer = tokenGroup.getLayer();
const tokens = layer.find(".token");
for (let other of tokens) {
if (other === tokenImage) {
if (other === tokenGroup) {
continue;
}
const otherRect = other.getClientRect();
@ -61,16 +61,10 @@ function MapToken({
x: otherRect.x + otherRect.width / 2,
y: otherRect.y + otherRect.height / 2,
};
// Check the other tokens center overlaps this tokens bounding box
if (
otherCenter.x > tokenImageRect.x &&
otherCenter.x < tokenImageRect.x + tokenImageRect.width &&
otherCenter.y > tokenImageRect.y &&
otherCenter.y < tokenImageRect.y + tokenImageRect.height
) {
if (tokenImage.intersects(otherCenter)) {
// Save and restore token position after moving layer
const position = other.absolutePosition();
other.moveTo(tokenImage);
other.moveTo(tokenGroup);
other.absolutePosition(position);
}
}
@ -80,12 +74,12 @@ function MapToken({
}
function handleDragEnd(event) {
const tokenImage = event.target;
const tokenGroup = event.target;
const mountChanges = {};
if (token && token.isVehicle) {
const layer = tokenImage.getLayer();
const mountedTokens = tokenImage.find(".token");
const layer = tokenGroup.getLayer();
const mountedTokens = tokenGroup.find(".token");
for (let mountedToken of mountedTokens) {
// Save and restore token position after moving layer
const position = mountedToken.absolutePosition();
@ -105,8 +99,8 @@ function MapToken({
...mountChanges,
[tokenState.id]: {
...tokenState,
x: tokenImage.x() / mapWidth,
y: tokenImage.y() / mapHeight,
x: tokenGroup.x() / mapWidth,
y: tokenGroup.y() / mapHeight,
lastEditedBy: userId,
},
});