p5.js加载两张图片时报未定义变量错误求助

问题核心：你写了两个preload()函数，在P5.js中同一个页面只能存在一个preload()函数，后面的函数会直接覆盖前面的。这就导致第一个preload()里的img变量根本没被赋值，运行时自然触发未定义变量错误。

修正后的代码：

let img;
let img2;

function preload() {
  // 将两张图片的加载逻辑放到同一个preload函数里
  img = loadImage('images/mario.png');
  img2 = loadImage('images/level.png');
}

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(220);
  image(img2, 0, 0, 400, 400)  
  image(img, 0, 350, 50, 50)
}

这样修改后，两张图片的加载逻辑都会被执行，img和img2变量都会被正确赋值，代码就能正常运行了。

内容的提问来源于stack exchange，提问作者Scuffedsimon