配列-応用4

問題

2次元配列を使ったインタラクティブな数値グリッドを実装してください:

  • 300×300のウィンドウに3×3のグリッドを作成してください
  • setup() で,3×3の2次元配列の各要素に0〜49のランダムな整数を代入し,各マスの中央にフォントサイズ50で数値を描画してください
  • マウスをクリックしたとき,クリックしたマスの数値を1増加させ,画面を更新してください
ヒントを見る
  • int[][] num = new int[3][3]: 3×3の2次元配列
  • text(str(num[i][j]), i*100, j*100, 100, 100): マス内に数値を描画します
  • posX = mouseX/100; posY = mouseY/100: クリック位置をマスのインデックスに変換します
  • textAlign(CENTER, CENTER): テキストをセル内で中央揃えにします
  • background(255): 再描画の前に背景をリセットします

実行例