Tickle 示例：p5.js - 使用图像而不是文本

如何解决Tickle 示例：p5.js - 使用图像而不是文本

我试图查看 7.8: Objects and Images - p5.js Tutorial 以重新创建 This example

我想从鼠标悬停时随机移动的图像开始。 有人可以指导我如何实现这一目标吗？

我尝试过，但根本不是同一种交互。示例交互简单，超级好，振荡幅度有点平滑。

function preload() {
  stone = loadImage("stone.png");
  imageMode = center;
}
function setup() {
  createCanvas(1200,800);

}

function draw() {
  background(42,44,45);


 if((200<mouseX)&&(900>mouseX)&&(250<mouseY)&&(650>mouseY)){
 this.x = random(width*0.5,height*0.5);
    this.y = random(height*0.5,width*0.5);

    this.speed = 0.0001 * (mouseX/ mouseY);

    this.x += random(-this.speed,this.speed);
    this.y += random(-this.speed,this.speed)
   x += random(-3,3);
    y += random(-3,3);

  image(stone,this.x + (mouseX / (height)),this.y + (mouseY / width),400,300);
 }
  else{
  image(stone,width*0.5,height*0.5,300); }
}