javascript 处理：绘图功能正在复制图像，而不是将其移动到鼠标位置

mgdq6dx1 于 2023-04-28 发布在 Java

关注(0)|答案(1)|浏览(70)

我正在做一个游戏，我有一个png字符，放在mouseX和mouseY上。理论上，它应该移动到我的鼠标光标，但相反，它创建了一个新的图像副本。
下面是我的image和draw函数的相关代码：
var img;

var Setup = function() {
     img = loadImage("characterLarge.png");
};

draw = function() {
    if (isPlaying === true) {
        imageMode(CENTER);
        image(img, mouseX, mouseY, 50, 50);
        };
};

我尝试改变图像模式，这只取代了图像，我尝试使用字符串，但字符串被确定为不正确的。

JavaScript

来源：https://stackoverflow.com/questions/76093839/processing-draw-function-is-duplicating-the-image-instead-of-moving-it-to-the-m

1条答案

按热度按时间

elcex8rz1#

只要稍加修改，您的代码就可以在p5中正确运行。js Web Editor，sketch.js文件。您的困难可能是由于语法：

var img;
var isPlaying = true;

function setup() {
  createCanvas(400, 400);
  img = loadImage("xxxx.png");
}

function draw() {
  background(220);
  if (isPlaying === true) {
    imageMode(CENTER);
    image(img, mouseX, mouseY, 50, 50);
  }
}

**在html中运行：**参考：https://happycoding.io/tutorials/processing/processing-js

请注意，语法与将在Processing编辑器中运行的“常规”Processing源代码相同，Java模式。*

<!DOCTYPE html>
<html>
  <head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/processing.js/1.6.0/processing.min.js"></script>
  </head>
  <body>
    <script type="application/processing">
      PImage img;
      boolean isPlaying = true;
      
      void setup(){
        size(400, 400);
        img = loadImage("xxxx.png");
      }

      void draw(){
        background(209);
        if(isPlaying == true){
          imageMode(CENTER);
          image(img, mouseX, mouseY, 50, 50);
        }      
       }
    </script>
    <canvas> </canvas>
  </body>
</html>

赞(0）回复(0）举报 2023-04-28

我来回答

javascript 处理：绘图功能正在复制图像，而不是将其移动到鼠标位置

1条答案

相关问题

热门标签

最新问答