在p5.js中跟踪鼠标位置

作为我项目的一部分，我必须根据我绘制的椭圆是朝着鼠标移动还是远离鼠标，打印特定的短语：

“4-更新beast.message以说明它是在追逐还是在逃离鼠标 创建并使用名为movingTowardsMouse的布尔变量 如果movingTowardsMouse为true，则消息应显示“追赶鼠标” 如果movingTowardsMouse为false，则消息应显示“逃离鼠标”

我想知道，为了完成这项任务，最简单的方法是跟踪鼠标的位置。我试过几次，但都没用。谷歌也没能给我答案。任何帮助都将不胜感激。这是我到目前为止没有任何解决方案的代码

var-beast；
var-color1；
var-color2；
var-color3；
var movingTowardsMouse=false；
鼠标定位；
var smallPoint；
函数设置（）{
createCanvas（600200）；
var cStrength1=随机（100255）；
var cStrength2=随机（100255）；
var t强度=150；
颜色1=颜色（cStrength1，50，cStrength2，t强度）；
颜色2=颜色（cStrength2、cStrength1、50、T强度）；
颜色3=颜色（50，cStrength2，cStrength1，tStrength）；
野兽={
x:0,，
y:高度/2，
尺码：50，
速度：4，
颜色：颜色（255），
信息：“追逐鼠标”，
}
小点={
鼠标位置：mouseX，
y:老鼠，
}
}
函数图（）{
背景（255）；
var oneThird=宽度/3；
冲程（255、255、255、50）；
填充（彩色3）；
矩形（0，0，宽度，高度）；
填充（颜色2）；
rect（0,0，三分之一*2，高度）；
填充（颜色1）；
rect（0,0，三分之一，高度）；
如果（beast.x>0&&beast.x<1/3）{
beast.color=color1；
}else if（beast.x>oneThird&&beast.xoneThird*2&&beast.x宽度）{
beast.speed=-beast.speed；
}else if（beast.x注意你的作业中没有任何内容（至少是你发布的部分）表示您应该实际检测椭圆是朝着鼠标移动还是远离鼠标。按照我的阅读方式，您应该创建一个布尔变量，并使用
true
或
false
对其进行硬编码。我猜您稍后会添加更复杂的逻辑

但要回答您的问题，您不需要跟踪鼠标来确定圆圈是否朝鼠标移动。您只需要简单的旧
mouseX
和
mouseY
变量

但是，您需要跟踪圆的移动并将其与光标位置进行比较。您可以跟踪圆的上一个位置和当前位置。查看哪个位置更靠近光标，这将告诉您圆是朝着光标移动还是远离光标

但是，我的猜测是，你实际上不应该这样做。我的猜测是，你最终将编写一些代码，根据圆是否在跟踪光标来移动圆。变量决定移动，而不是移动决定变量