Vue.js + SVG でマインスイーパーもどきをつくる - ほんじゃらねっと

前回作った数当てゲームがこどもに好評だったので、 blog.honjala.net 次はもう少し複雑なマインスイーパー作成に挑んでみた。 数当てゲームはシンプルすぎて2秒で飽きられたけど、 マインスイーパーならしばらく遊んでくれるにちがいない。 今回は前回使った Vue + Vuex + TypeScript に加えて、 今後より高度なゲームを作るにあたって役に立つであろう、 SVGを使って画面を作成してみた。 マインスイーパーのルール 昔Windowsに付属してたマインスイーパーの簡易版のイメージ。 9 x 9 のマスを用意する そこにランダムに10個のマイン（子供に分かるよう、「落とし穴」にした）を埋め込む マスをクリックしてマインを引いたらゲームオーバー マイン以外のマスをクリックすると、そのマスのまわりにいくつマインがあるか数字で表示される まわりにマインがないマスをクリックすると