Javascript 这一页被粘在了“上”；“正在加载…”；在p5.js中使用preload（）时

我目前正在学习javascript中的p5.js

我正在尝试用p5.js制作一个DVD屏幕保护程序，我使用了一个编码火车的视频来帮助我。然而，这对我来说不太管用

以下是他的视频链接：

我使用preload（）加载DVD徽标，但当我将其放入代码中时，整个页面就会变成“加载…”

这是我的密码：

设x；
让y；
让我们加快速度；
让我们加快速度；
让dvd；
函数预加载（）{
dvd=loadImage（“dvd.png”）；
}
函数设置（）{
createCanvas（800600）；
x=400；
y=300；
xspeed=10；
y速度=10；
}
函数绘图（）{
背景（0）；
图像（dvd，x，y）；
x=x+x速度；
y=y+y速度；
如果（x+80==宽度| | x==0）{
xspeed=-xspeed；
}
如果（y+60==高度| | y==0）{
yspeed=-yspeed；
}
}

页面标题

要在PC上本地使用p5.js，与它们提供的在线编辑器不同，您必须安装本地服务器：

---

如果你按照他们在上面的链接中提供的说明去做，这将是非常简单的。我个人使用Node http server选项。

可能找不到图像（“dvd.png”）。到目前为止，我已经检查了10次，并且图像位于同一个文件中。我甚至尝试过其他的图像。因此，我很确定这是另外一回事。这张图片是否可以访问（策略）？“图像在同一个文件中”是什么意思？它在本地驱动器的同一文件夹中吗？哦，我的意思是它和脚本在同一文件夹中。是的，它在我的本地驱动器上。