如何将本地服务器用于p5.js中的loadimage()？

Question

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

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

Answer 1

有几种简单的方法可以为p5js项目设置local server。

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

python -m http.server

现在，您可以使用指向localhost:8000的浏览器打开您的html

如果一个名为myImage.jpg的image与您的html位于一个图像文件夹中，其脚本如下所示：

let img;
function preload() {
  img = loadImage('./images/myImage.jpg');
}
function setup() {
  image(img, 0, 0);
}

加载html时应显示您的图像。