JavaScript»ゲーム制作»clickイベント 宝箱をあける

ファイル名: js-game/quest_00732.html

2次元配列じげんはいれつのデータをもとに、キャンバスに宝箱たからばこをならべ、クリックしたら宝箱たからばこがひらくプログラムをつくってください。

キャラクターにupdateとrenderメソッドをつくる」で学習したしくみと同じように、宝箱たからばこ(Box)クラスをつくり、updateとrenderメソッドを書くこと。

画像がぞうは下のリンクからダウンロードできます。

画像をダウンロード

ソースコード

2次元配列じげんはいれつ宝箱たからばこ配置はいちデータ例です。内容は自由にかえてください。

const map = [
  [ 0, 0, 0, 0, 0, 1, 0, 0, 0, 0 ],
  [ 0, 1, 1, 1, 1, 1, 1, 1, 1, 1 ],
  [ 0, 1, 0, 0, 0, 0, 0, 0, 0, 1 ],
  [ 0, 0, 0, 1, 1, 1, 1, 1, 0, 0 ],
  [ 0, 0, 0, 0, 0, 1, 0, 0, 0, 0 ],
  [ 0, 0, 0, 0, 0, 1, 0, 0, 0, 0 ],
  [ 0, 0, 0, 1, 1, 1, 1, 1, 0, 0 ],
  [ 0, 0, 0, 0, 0, 1, 0, 0, 0, 0 ],
  [ 0, 0, 0, 0, 0, 1, 0, 1, 0, 0 ],
  [ 0, 1, 1, 1, 1, 1, 1, 1, 1, 1 ]
];

ヒント

配列の各要素になにかをしたいときはforEachを使ったよね。配列の中に配列があるとき、forEachはどう使えばいいかな?