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

Question

p5.j​​s 说：看起来加载您的图像时出现问题。尝试检查文件路径 [ http://www.adsmedia.pe/demos-publicidad/imagenes/super.png]是否正确、在线托管图像或运行本地服务器。[ https://github.com/处理/p5.js/wiki/Local-server] p5.js:48242:7

请有人可以帮我解决这个问题，我已经将路径更改为相对路径和绝对路径，但没有任何效果

标签： javascriptp5.js

Answer 1

1. 我建议您下载本地服务器，例如 live-server 或 browser-sync（它们都是 javascript 轻量级服务器）

2. 从项目的根目录启动您的服务器。

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

   • 项目。
     • 索引.html
     • app.js（您的设置所在的位置）
     • 图片 (super.png,fondo_juego.png)

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

5. 使用您的服务器，从根文件夹提供服务，这肯定会起作用。