如何在服务器的p5.js中正确加载图像

Question

p5.js说：加载图像似乎出现了问题。尝试检查文件路径[http://www.adsmedia.pe/demos-publicidad/imagenes/super.png]是否正确，在线托管映像或运行本地服务器。[https://github.com/processing/p5.js/wiki/Local-server] p5.js：48242：7

请有人帮助我，我已将路径更改为相对路径和绝对路径，没有任何作用

Answer 1

1. 我建议您下载本地服务器，例如实时服务器或浏览器同步（它们都是JavaScript轻量级服务器）

2. 从项目的根目录开始服务。

3. 假设这是您的文件结构：

   • 项目。
     • index.html
     • app.js（用于安装的地方）
     • 图片（super.png，fondo_juego.png）

4。您的预加载应如下所示：function preload() { img = loadImage('./images/super.png'); bg = loadImage('./images/fondo_juego.png');

5。与您的服务器一起，从根文件夹提供服务肯定可以正常工作。