根据鼠标位置动画圆形最短旋转距离

问题描述 投票:0回答:0

我正在尝试使用 svelte/motion 的补间功能根据鼠标位置为圆圈制作动画。它看起来不像我想要的那样无缝,自然,补间函数没有圆周运动的概念,因此无法补间最短旋转距离。当计算出的角度从 179、180 变为 -180 时,改为进行完整旋转。 -179。我的三角学知识不是很好,如果能在正确的方向上提供有关如何实现这一目标的任何指示,我将不胜感激。我尝试过的一个 hacky 解决方案是将持续时间设置为 0,但它很笨拙,鼠标的延迟仍然是快速移动的问题。

下面是我所在位置的 REPL。

https://svelte.dev/repl/2c5a71545ed24401bce3499fe3438f3f?version=3.55.1

javascript svelte trigonometry
© www.soinside.com 2019 - 2024. All rights reserved.