この例は、loop() と noLoop() を使用してアニメーションを一時停止および再開する方法を示しています。
マウスをクリックするとアニメーションループが切り替わります。アニメーションループが停止している場合、ユーザーは任意のキーを押すことで1フレーム進めることができます。 注意: ユーザーはキー入力が登録されるためにキャンバスにフォーカスを設定するためにクリックする必要があります。
1フレームを進めるには、redraw() 関数を呼び出すことで実現され、これにより draw() 関数が1回呼び出されます。
イベントによるアニメーション: Revised by Darren Kessner. Edited and maintained by p5.js Contributors and Processing Foundation. Licensed under CC BY-NC-SA 4.0.
You can find the code history of these examples here: 2023 code, pre-2023 code. You can suggest improvements by contributing to the current website!
