javascript - 计算滑动的力量/力量

Question

我正在使用 javascript 和 html5 画布制作一个用户交互式轮子，当滑动时会旋转轮子。但是我正在尝试处理滑动的“力量/力量”

什么是计算这个的好公式？

Answer 1

我认为这可能是一个解决方案：

var deltaX = CENTER_OF_CANVAS_WIDTH - Mouse.x;
var deltaY = CENTER_OF_CANVAS_HEIGHT - Mouse.y;
var angle = Math.atan2(deltaY, deltaX);

angle将为您提供在这两个点之间创建的向量的 X 轴的弧度角。长话短说，它会让你以圆周运动的方式拖动并给你期望的结果。

画布中的旋转是以弧度为单位的，所以这应该很好，但是如果您需要将其转换为度数，您可以这样做：

var degrees = angle * (180 / Math.PI);

速度方程的其余部分是正确的，只需使用角度差而不是距离。