Skip to content

Commit 977b2d6

Browse files
committed
changed hover gesture basic in v3 to use event.changeX'
1 parent 8dc5f01 commit 977b2d6

1 file changed

Lines changed: 6 additions & 4 deletions

File tree

packages/docs-gesture-handler/static/examples/HoverGestureBasic.js

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -30,10 +30,12 @@ export default function App() {
3030
startY.value = event.y;
3131
},
3232
onUpdate: (event) => {
33-
translateX.value = (event.x - startX.value) * 0.3;
34-
translateY.value = (event.y - startY.value) * 0.3;
33+
translateX.value = translateX.value + event.changeX * 0.3;
34+
translateY.value = translateY.value + event.changeY * 0.3;
3535

36-
const distance = Math.sqrt(Math.pow(translateX.value, 2) + Math.pow(translateY.value, 2));
36+
const distance = Math.sqrt(
37+
Math.pow(translateX.value, 2) + Math.pow(translateY.value, 2)
38+
);
3739

3840
progress.value = distance / 35;
3941
},
@@ -62,7 +64,7 @@ export default function App() {
6264
progress.value,
6365
[0, 1],
6466
['#b58df1', '#fa7f7c']
65-
)
67+
),
6668
}));
6769

6870
return (

0 commit comments

Comments
 (0)