Javascript 如何为p5.js中的loadimage()使用本地服务器?

Javascript 如何为p5.js中的loadimage()使用本地服务器?,javascript,html,p5.js,Javascript,Html,P5.js,我正在尝试制作一个游戏,它工作得非常好,直到我需要使用PNG文件作为我的背景。我试过了 函数预加载(){ space=loadImage('images/space.png') } 但它显示“加载…”并且它永远不会加载。然后我被告知我应该尝试一个本地服务器,我试图将文件的链接粘贴到前面的命令中,但它显示了相同的内容。我需要一些关于本地服务器如何工作的解释。我尝试了Filestash,但我不确定如何做到这一点。有几种简单的方法可以为p5js项目设置一个文件 对于Python3,创建一个包含html

我正在尝试制作一个游戏,它工作得非常好,直到我需要使用PNG文件作为我的背景。我试过了 函数预加载(){ space=loadImage('images/space.png')

}
但它显示“加载…”并且它永远不会加载。然后我被告知我应该尝试一个本地服务器,我试图将文件的链接粘贴到前面的命令中,但它显示了相同的内容。我需要一些关于本地服务器如何工作的解释。我尝试了Filestash,但我不确定如何做到这一点。

有几种简单的方法可以为p5js项目设置一个文件

对于Python3,创建一个包含html、javascript和图像的文件夹,然后从该文件夹运行

python -m http.server
现在,您可以使用指向的浏览器打开html 本地主机:8000

如果名为myImage.jpg的文件与html一起位于图像文件夹中,该html的脚本如下所示:

let img;
function preload() {
  img = loadImage('./images/myImage.jpg');
}
function setup() {
  image(img, 0, 0);
}
加载html时应显示图像