p5.js | shuffle()函数

在p5.js中，shuffle()函数用于随机打乱一个数组的元素顺序。它可以用于需要随机元素的代码中，例如游戏中的牌堆或图片轮播等。

语法

shuffle(arr, [fromIndex], [toIndex])

• arr（必需）：要随机打乱顺序的数组。
• fromIndex（可选）：要打乱元素的起始索引，默认值是数组的0索引。
• toIndex（可选）：要打乱元素的结束索引，默认值是数组的最后一个索引。

返回值

没有返回值，它会直接改变原数组的顺序。

示例

以下是如何使用shuffle()函数，将图片轮播的顺序打乱，每5秒钟切换到下一张图片：

let images = ['image1.jpg', 'image2.jpg', 'image3.jpg', 'image4.jpg', 'image5.jpg'];
let currentIndex = 0;

function setup() {
   createCanvas(400, 400);
   setInterval(changeImage, 5000);
}

function changeImage() {
   currentIndex++;
   if (currentIndex >= images.length) {
      currentIndex = 0;
   }
   shuffle(images); // 打乱图片顺序
}

function draw() {
   background(220);
   image(images[currentIndex], 0, 0, 400, 400);
}

注意事项

• 要确保参数fromIndex和toIndex都在数组的有效索引范围内。
• 运行shuffle()函数后，原数组的顺序将会被直接打乱，如果需要保留原数组顺序，可以在传递参数时使用slice()函数创建一个副本，再对副本数组进行打乱操作。