p5.js | isLoaded()函数

isLoaded()函数是p5.js中的一个内置函数，它用于检查位图、声音或字体等素材是否已经成功加载并载入程序中。这个函数返回一个布尔值，当素材已加载时，它会返回true，否则返回false。

语法

isLoaded(asset)

参数

asset：必选项，表示正在加载的素材。

返回值

如果素材已成功加载，则返回true，否则返回false。

示例

var img1, img2;

function preload(){
  img1 = loadImage("assets/image1.png");
  img2 = loadImage("assets/image2.png");
}

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

function draw() {
  if(isLoaded(img1) && isLoaded(img2)){
    background(255);
    image(img1, 0, 0);
    image(img2, 200, 0);
  }
}

在上述示例中，我们加载了两个图片文件并在setup()函数中创建了画布，然后在draw()函数中使用isLoaded()函数来检查这两个图片是否已经成功加载。只有当这两个图片都加载成功后，才会在画布上绘制它们。

注意事项

• isLoaded()函数只能用于检查p5.js支持的特定类型的素材，例如位图、声音或字体等素材。
• 如果传递的素材参数是undefined或者未完成加载，isLoaded()函数会自动返回false。
• 为了确保素材成功加载，通常我们会在preload()函数中预加载素材。