配列処理-発展1

問題

配列とグラフィック描画を組み合わせた処理を実装してください：

• グローバル変数として：
  • int c = 6 でカテゴリ数を定義してください
  • int[] 型の配列 card をサイズ c で初期化してください
  • int 型の変数 get を宣言してください
• setup() 関数で：
  • 幅×高さのキャンバス でキャンバスを作成してください
• draw() 関数：空のままにしてください
• mousePressed() 関数（マウスクリック時）で：
  • ランダムな値を取得 で 0～5 のランダムな値を取得し、対応する配列要素をインクリメント（card[get]++）してください
  • for ループで各カテゴリについて：
    • グレー色で塗りつぶした矩形を描画してください
    • 矩形の位置は x = i*width/6, y = height - card[i]*height/10
    • 矩形のサイズは幅 = width/6, 高さ = card[i]*height/10 にしてください
    • 「カードn は x枚です」と console に出力してください
  • console に空行を出力してください
• マウスをクリックするたびに、ランダムに選ばれたカテゴリに対応する矩形が上に向かって増加することを確認してください

• 配列の値が矩形の高さを決定します
• width と height はキャンバスの幅と高さです
• グラフィカル表現でデータを視覚化できます

実行例