配列処理-発展7

問題

配列とイベント処理、アニメーションを組み合わせた処理を実装してください：

グローバル変数として：
- int[] 型の配列 status をサイズ 8 で初期化してください
- float 型の変数 circleX = 35, circleY = 100 を宣言してください
setup() 関数で：
- 幅×高さのキャンバスでキャンバスを作成してください
- ループで各要素にランダムな値を取得で生成した値を代入してください（0=赤、1=青、2=白）
- 各要素に対応する円を描画してください：
  - 0 の場合は赤色（RGB: 255, 0, 0）
  - 1 の場合は青色（RGB: 0, 0, 255）
  - 2 の場合は白色（RGB: 255, 255, 255）
  - 円の位置は (circleX + i*60, circleY), 直径は 60
draw() 関数：空のままにしてください
mousePressed() 関数（マウスクリック時）で：
- 最後の要素を一時変数に保存してください
- ループで配列の要素を右から左へシフトしてください（i=7 から 1 まで）
- 最初の要素に一時変数の値を代入してください
- 円を再描画してください（配列内容に応じた色で）
マウスをクリックするたびに、円が右へ回転することを確認してください

ヒントを見る

mousePressed() はマウスクリック時に自動的に実行されます
配列の値によって描画色を分岐させることができます
シフト処理で配列要素が回転するアニメーション効果が生まれます