我试图在p5.js (画布)中实现特定的鼠标跟随效果,我希望对象像这里一样跟随鼠标:,但应用了" in -back“样式的缓动。换句话说,我想让对象吸引鼠标,但要传递吸引它的坐标,比如说10%,然后返回到它实际正在寻找的坐标。
如果你看我添加的示例草图,这应该应用于触发矩形内的所有鼠标跟随,而不仅仅是最初的触发移动。它是用p5.js编写的,但我确信数学原理适用于所有地方,所以所请求的帮助不
例如,我有一个水平跟随鼠标的对象,它的最小位置是100,最大位置是200。 在此范围内,它线性跟随鼠标,这意味着1个单位的鼠标位置等于1个单位的对象位置。现在,如果鼠标超出范围(低于100或高于200),我希望它开始施加摩擦力,以便对象在距离范围越远时优雅地停止,例如: Mouse position | Object position
200我设法在鼠标移动处理程序中像这样实现它: if (mousePosition > 20