如何将整个背景反向移动到鼠标指针的光标p5.js
How to move the entire background inversely to the cursor of mouse pointer p5.js
我想让我的背景随着鼠标光标所在的位置移动，就像这样。
由于鼠标光标位于左上角，背景图片应向右下角。
由于鼠标光标在右上，所以背景图片应该在左下。
鼠标光标在左边，背景图片应该在右边。
背景照片应该是无限的，并且可以用 x 和 y 大小填满整个 canvas。我如何使用 p5.js 执行此操作？
Break your problem down into smaller steps.
第一步：首先得到一个随鼠标位置移动的矩形。在进入下一步之前让它完美地工作。
第二步：然后得到矩形反向移动到鼠标位置。通过在一张方格纸上画一些例子来考虑如何做到这一点。什么是鼠标位置？矩形的位置应该是什么？重复此操作，直到您注意到一种模式。
第 3 步： 现在您有了一个与鼠标位置反向移动的矩形，获取一个矩形网格来执行相同的操作。 For 循环在这里是您的朋友，如果您希望它是无限的，您可能需要做一些巧妙的事情，将矩形从一侧移动到另一侧。
第 4 步：现在只需使用图像而不是矩形。
如果您卡在某个特定步骤，post MCVE 显示那一步，我们将从那里开始。祝你好运。
我想让我的背景随着鼠标光标所在的位置移动，就像这样。
由于鼠标光标位于左上角，背景图片应向右下角。
由于鼠标光标在右上，所以背景图片应该在左下。
鼠标光标在左边，背景图片应该在右边。
背景照片应该是无限的，并且可以用 x 和 y 大小填满整个 canvas。我如何使用 p5.js 执行此操作？
Break your problem down into smaller steps.
第一步：首先得到一个随鼠标位置移动的矩形。在进入下一步之前让它完美地工作。
第二步：然后得到矩形反向移动到鼠标位置。通过在一张方格纸上画一些例子来考虑如何做到这一点。什么是鼠标位置？矩形的位置应该是什么？重复此操作，直到您注意到一种模式。
第 3 步： 现在您有了一个与鼠标位置反向移动的矩形，获取一个矩形网格来执行相同的操作。 For 循环在这里是您的朋友，如果您希望它是无限的，您可能需要做一些巧妙的事情，将矩形从一侧移动到另一侧。
第 4 步：现在只需使用图像而不是矩形。
如果您卡在某个特定步骤，post MCVE 显示那一步，我们将从那里开始。祝你好运。