Rotate animation will rebound at 0deg - 360deg or 360deg - 0deg

[ethanruiyu]

codesandbox: https://codesandbox.io/s/confident-star-fmbz1?file=/src/mobx.js

As you can see, It will rebound at 0deg - 360deg
My source angle range is 0 -360

I want to achieve like this effect

iShot2021-11-18.00.15.42.mov

It bothered me for a long time 😭

[lavrton]

I am not certain if there are any simple solutions from Konva or react-spring for that.

Why do you need to limit angle?

[ethanruiyu]

The original value is from the hardware sensor, which gives a range of 0-360, and the next value is random (because we can't predict sensor position and orientation).

[ethanruiyu]

Thanks for your answer. I have asked for help in React-Spring Discussions

[raycaster08]

Modify the original value based on the difference
https://codesandbox.io/s/flamboyant-ioana-5zems1?file=/src/App.js

[ethanruiyu]

nice fix