setinterval - p5.j​​s のシンプルな画像スライドショー

Question

私は新しいコーダーで、p5.js で 3 ～ 5 枚の画像の単純なループまたはスライドショーを作成しようとしていますが、うまくいきません。setInterval() 関数を使用しています。助けてください。

Answer 1

これはかなり広い質問です。スタック オーバーフローは、一般的な「これを行うにはどうすればよいか」というタイプの質問用に設計されたものではありません。これは、特定の「X を試し、Y を期待したが、代わりに Z を取得した」タイプの質問用に設計されています。そうは言っても、私は一般的な意味で助けようとします。

問題をより小さなステップに分解する必要があります。

ステップ 1: 1つの画像を表示する小さなサンプル プログラムを作成できますか? ここloadImage()で関数が役立つかもしれません。

ステップ 2:マウスをクリックすると、ある画像から別の画像に切り替わるように画像を変更できますか?

ステップ 3:画像の数を増やしてもらえますか? これには配列を使用できます。ユーザーがマウスをクリックすると、画像が切り替わります。

ステップ 4:最後に、画像が自動的に循環するようにできますか? この変数をモジュラスframeCount演算子と一緒に使用して、特定の時間がいつ経過したかを判断できます。

これらの手順を 1 つずつ実行し、何かを試して、行き詰まった場合はMCVEと共に特定の質問を投稿する必要があります。幸運を。