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