繰り返し処理-応用3

問題

ループを使ったアニメーション処理を実装してください：

• setup() 関数で：
  • 幅×高さのキャンバス でキャンバスを作成してください
• グローバル変数で int frame = 0 を管理してください
• draw() 関数で毎フレーム：
  • 背景色を設定 で白い背景を描画してください
  • for ループで複数の図形を描画し、frame 変数でアニメーション効果を与えてください
  • 例：円の位置を sin() や cos() で計算して、波のように動かす
  • frame をインクリメントしてアニメーションを進める
• キャンバスで複数の図形が波のように動くアニメーションを確認してください

• フレーム変数を使ってアニメーションの進度を管理できます
• sin() や cos() で周期的な動きを表現できます

• ネストされたループ
• whileループ
• ループの制御

実行例