p5.js中的簡單圖像幻燈片

Question

我是一個新的編碼器，我一直試圖在p5.js上創建一個簡單的循環或3-5圖像的幻燈片，但我不能正確地做到。我一直在使用setInterval（）函數。請幫忙。

Answer 1

這是一個相當廣泛的問題。堆棧溢出不是真的爲一般的「我該怎麼做」類型的問題而設計的。它專爲特定的「我試過X，預計Y，但得到Z」類型的問題。這就是說，我會盡力在一般意義上提供幫助。

您需要將問題分解爲更小的步驟。

第1步：你可以創建一個小例子程序來顯示單個圖像嗎？ loadImage()函數可能在這裏派上用場。

步驟2：您可以修改圖像，以便在單擊鼠標時從一個圖像切換到另一個圖像？

第3步：你能增加圖像的數量嗎？你可以爲此使用一個數組。當用戶單擊鼠標時，在圖像之間循環。

第4步：最後，你可以讓它自動循環圖像？您可以使用frameCount變量以及模數算子來確定何時經過了一定的時間。

您需要一次一個地執行這些步驟，嘗試一下，如果您遇到問題，請發送特定問題以及MCVE。祝你好運。