javascript - 用鼠标拖动图像，在 p5.js mouseDragged() 函数中忽略条件

Question

JavaScript 新手。我正在尝试使用 p5.js 让用户能够在单击图像并拖动鼠标时在屏幕上移动图像。我已经加载了一个名为cart1 的图像，初始位置为（cart1X，cart1Y）。这是我的尝试：

function mouseDragged() {
    if ((cart1X < mouseX < (cart1X + 50)) && (cart1Y < mouseY < (cart1Y + 50))) {
        cart1X = mouseX;
        cart1Y = mouseY;
    }
}

图像为 50 像素 x 50 像素。这确实更新了购物车的位置，但就像 java 脚本忽略了我的 if 语句一样，因为无论用户在拖动时单击屏幕的哪个位置，它都会更新位置。我还尝试将 mouseDragged() 函数放在我的 if 语句中，但是什么也没有发生。任何帮助，将不胜感激！

标签： javascriptimagedrag-and-dropp5.js

Answer 1

不要那样做，尝试使用：-

 if(mousePressedOver (cart1)){

   cart1.X = mouse.X;
   cart1.Y = mouse.Y;

  }