Web3D/trois
1
0
Fork 0
mirror of https://github.com/troisjs/trois.git synced 2024-11-23 20:02:32 +08:00
Code Issues Projects Releases Wiki Activity

improve pointer

Browse Source
This commit is contained in:
Kevin Levron 2021-04-03 21:42:52 +02:00
parent 4d9643d461
commit 9eb6bac736
1 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/core/usePointer.js
View File

@ -10,6 +10,9 @@ export default function usePointer(options) {
resetOnEnd = false,
resetPosition = new Vector2(Infinity, Infinity),
resetPositionV3 = new Vector3(Infinity, Infinity, Infinity),
onEnter = () => {},
onMove = () => {},
onLeave = () => {},
onIntersectEnter = () => {},
onIntersectOver = () => {},
onIntersectMove = () => {},
@ -81,13 +84,13 @@ export default function usePointer(options) {
const enterEvent = { ...overEvent, type: 'pointerenter' };
onIntersectOver(overEvent);
onIntersectEnter(enterEvent);
if (component.onPointerOver) component.onPointerOver(overEvent);
if (component.onPointerEnter) component.onPointerEnter(enterEvent);
component.onPointerOver?.(overEvent);
component.onPointerEnter?.(enterEvent);
}
const moveEvent = { type: 'pointermove', component, intersect };
onIntersectMove(moveEvent);
if (component.onPointerMove) component.onPointerMove(moveEvent);
component.onPointerMove?.(moveEvent);
offObjects.splice(offObjects.indexOf(object), 1);
});
@ -100,8 +103,8 @@ export default function usePointer(options) {
const leaveEvent = { ...overEvent, type: 'pointerleave' };
onIntersectOver(overEvent);
onIntersectLeave(leaveEvent);
if (component.onPointerOver) component.onPointerOver(overEvent);
if (component.onPointerLeave) component.onPointerLeave(leaveEvent);
component.onPointerOver?.(overEvent);
component.onPointerLeave?.(leaveEvent);
}
});
}
@ -109,10 +112,12 @@ export default function usePointer(options) {
function pointerEnter(event) {
updatePosition(event);
onEnter({ type: 'pointerenter', position, positionN, positionV3 });
};
function pointerMove(event) {
updatePosition(event);
onMove({ type: 'pointermove', position, positionN, positionV3 });
intersect();
};
@ -133,13 +138,14 @@ export default function usePointer(options) {
const event = { type: 'click', component, intersect };
onIntersectClick(event);
if (component.onClick) component.onClick(event);
component.onClick?.(event);
});
}
};
function pointerLeave() {
if (resetOnEnd) reset();
onLeave({ type: 'pointerleave' });
};
function addListeners() {