0

需要一些灵感。我有一张图片(蓝色),并希望它在不可见区域(橙色)内与鼠标位置成比例移动。因此,如果鼠标在左上角方向移动,图像应该跟随移动。

我不想简单地复制鼠标位置,而是创建类似操纵杆的行为,所以如果鼠标移动,图像应该在所需方向上逐步移动。

但是怎么做?我不知道如何为图像设置正确的 x+y 坐标或如何建立公式来计算它们。

移动

4

1 回答 1

1

增量(矢量)位置。考虑:

  • 让我们将你的不可见圆的死点称为矢量参考点 (0,0) 或 VRP。
  • 您将鼠标从 VRP 移开。让我们使用您的图像作为参考,并假设您的鼠标相对于 VRP 位于 (-3x -2y)。你把它放在那里;它创建一个 -3 X 向量和一个 -2 Y 向量。

  • 只要您将鼠标放在那里,这些向量就会在每个周期应用于正方形的当前坐标,如下所示:

    • 假设图片起始位置绝对是 100,100。
    • 周期 1:[x]:100 -3 = 97;[Y]:100 -2 = 97. 新图片位置 = 97x98y
    • 周期 2:[x]:97 -3 = 94;[Y]:98 -2 = 96. 新图片位置 = 94x96y

等等。如果要停止移动,只需将光标移回 VRP。

您可以使用复杂的机制来创建加速度中间矢量,或矢量参考点周围的死区。

于 2013-08-21T19:09:29.760 回答