p5.j​​s中的简单图像幻灯片

Question

我是一个新的编码器，我一直在尝试在p5.js上创建一个3-5个图像的简单循环或幻灯片，但我无法做到正确。我一直在使用setInterval（）函数。请帮忙。

Answer 1

这是一个非常广泛的问题。 Stack Overflow并非真正针对一般＆＃34;我如何做到这一点＆＃34;输入问题。它是针对特定的＆＃34;我试过X，期望Y，但是得到了Z而不是＃34;输入问题。话虽如此，我会尝试在一般意义上提供帮助。

您需要将问题分解为更小的步骤。

第1步：您是否可以创建一个显示单个图片的示例程序？ loadImage()功能可能在这里派上用场。

第2步：您可以修改图像，以便在单击鼠标时从一个图像切换到另一个图像吗？

第3步：您可以增加图片数量吗？您可以使用数组。用户单击鼠标时在图像之间循环。

第4步：最后，您可以制作图像以便图像自动循环吗？您可以使用frameCount变量以及模数运算符来确定何时经过了一定的时间。

您需要一次执行这些步骤，尝试，并在遇到问题时发布特定问题以及MCVE。祝你好运。