diff --git a/packages/pointer-lock-movement/package.json b/packages/pointer-lock-movement/package.json index b44e9cb..31bb0d5 100644 --- a/packages/pointer-lock-movement/package.json +++ b/packages/pointer-lock-movement/package.json @@ -1,6 +1,6 @@ { "name": "pointer-lock-movement", - "version": "0.1.7", + "version": "0.1.8", "author": "Zheeeng ", "description": "A pointer lock movement manager for customizing your own creative UI.", "keywords": [ diff --git a/packages/pointer-lock-movement/src/pointer-lock-movement.ts b/packages/pointer-lock-movement/src/pointer-lock-movement.ts index 5deba97..c197295 100644 --- a/packages/pointer-lock-movement/src/pointer-lock-movement.ts +++ b/packages/pointer-lock-movement/src/pointer-lock-movement.ts @@ -82,6 +82,10 @@ export const pointerLockMovement = ( } const move: CoData = (context, effect) => payload => { + if (payload.defaultPrevented) { + return move(context, effect) + } + context.event = payload context.movementX = payload.movementX context.movementY = payload.movementY @@ -189,6 +193,8 @@ export const pointerLockMovement = ( maxHeight: virtualScreen.height, }, ({ event, status, x, y, startX, startY, movementX, movementY }) => { + virtualCursor.style.transform = `translate3D(${x}px, ${y}px, 0px)` + options.onMove?.( event, { @@ -199,10 +205,6 @@ export const pointerLockMovement = ( movementY, } ) - - if (!event.defaultPrevented) { - virtualCursor.style.transform = `translate3D(${x}px, ${y}px, 0px)` - } } )(pointerEvent)