光标为 PNG 图像？

如何解决光标为 PNG 图像？

我试图让我的光标成为一个 PNG 图像，我已经在 P5.js 上设计的一个艺术游戏中预加载了该图像。
尝试了很多方法，还是不行！
有人可以让我知道将光标功能放在哪里以及在括号内放什么吗？非常感谢！

function preload() {

  uImg = loadImage('assets/ufo.png');

  rImg = loadImage('assets/asteroid.png');

  bImg3 = loadImage('assets/bimg3.jpg');

}

function setup() {

  createCanvas(1200,600);

  mode = 3; //level 3 in game

  noCursor();

  
}

// END OF SET UP

function draw() {

   levelThree();

}

// END OF DRAW

function levelThree() {

  clear();

  if (mode == 3) {

    lost = false;

    score = 0;


    background(bImg3);

    cursor(uImg,mouseX,mouseY);  
  
  }
}

解决方法

我认为只需使用 image() 而不是 cursor() 就可以满足您的需求。我不知道为什么，但我认为在使用 cursor() 时您不能输入 p5.Image，您必须将 URL 字符串放在互联网上存在的图像上。>

另外，当使用 cursor() 时，其他两个参数应该在 0 到 31 之间。它们描述光标的“活动点”在哪里，相对于实际鼠标点的位置。

,

你可以这样做：

let img

function preload(){
  img = loadImage('cursor.png')
}

function setup() {
  createCanvas(400,400);
  imageMode(CENTER)
  noCursor()
}

function draw() {
  background(20); 
  image(img,mouseX,mouseY)
}

你应该把选项放在 setup() 中，这样 imageMode() 和 fill() 和 idk rectMode()... 在 setup 中，尽管你要在 draw() 和您应该在预加载中加载图像，因为 javascript 并不真正关心是否加载了图像并且回调函数是 meh，我认为预加载很好。我也不认为您真的需要 assets

中的 assets/image.png

还有为什么在代码片段末尾的 cursor() 中有 mouseX 和 mouseY ？？？

希望这实际上是在回答正确的问题...