p5.js图像和带拼接的数据数组

Question

我有一个图像数组，我想使用拼接从中检索图像。但是，当我存储数据并将其用作image（）函数中的image参数时，出现错误：

image（）was expecting p5。Image | p5。Element对于参数＃0（从零开始的索引），已收到array代替

let arr;
let retrieve;

function preload() {

     water = loadImage('Images/water.png');
     ore = loadImage('Images/ore.png');

}

      function setup() {

      createCanvas(1800, 1500);
      arr = [water, ore];

      retrieve = arr.splice(0, 1);

}

     function draw() {

     background(0);
     image(retrieve, 100, 100);

}

所以我有点困惑，因为在我看来变量arr应该保存一个图像---即使该图像以前是数组的一部分。如果我使用数字或文本数组，一切似乎都可以正常工作。

有什么想法/建议吗？

Thx

Answer 1

阅读Array.prototype.splice()的文档

该函数返回一个数组（即使没有删除任何元素）：

返回值

包含已删除元素的数组。如果只有一个元素是移除后，将返回一个元素的数组。如果没有元素删除后，将返回一个空数组。

在您要访问已删除元素本身的情况下，可以使用

retrieve = arr.splice(0, 1)[0];