はじめに

こんにちは。アドベントカレンダー2017の11月3日を担当するringです。
さて、世間ではハロウィンは終わってしまいました。しかし、自分がやっているソシャゲのイベントの方は...
fgo 11/8まで　

キュアぱず 11/12まで

もう少しハロウィンは続くみたいですね。今回はこのキュアぱずについて少し説明して、javascriptでゲームっぽい何かを作った話になります。まだまだプログラム初心者が勉強のためにオセロ以外のものを作ろうとして結果的にはそれ以下のものが出来上がりました。そんな記事です。

キュアぱずについて

ところでキュアぱずってなんだい？

女子小学生から自分を含む男子大学生（さらには大きなお友だち）まで幅広く人気のある プリキュア　のスマホゲームですね。ふたりはプリキュアから現在までのキャラクターが登場し、過去のプリキュアが新規の絵や声がついて登場します。ファンにとってはとても嬉しいことですね。

ゲームシステム

実際の画面

盤面の下半分にある同じ色のピースを３つ以上繋げて消すというわかりやすいシステムになっています。（ただ、妨害要素が多くて見た目以上に難易度が高く、リアルjsは悲鳴をあげたとかなんとか）
そして上半分はプレイヤーと敵です。　やよいちゃんカワイイ!!
今回はこの下半分のシステムを参考にブラウザで動くゲームを作っていきます。

作成したもの

できました。（技術系の記事でもないので過程は省略）
絵も描けないので、テキトーなドットで表現
以下実装内容

• 詰み防止に盤面初期化できるようにしたよ

（gifが動いていなかったイメージを別タブで開いてください。）
本家はもちろんそんなことはなく色がない場合は勝手にピースが入れ替わります。

• ピースをクリックして選択できるようにして、３つ以上繋げたら、ダブルクリックでピースを消すよ

• 消した数の合計を右に小さく表示したよ

• 消したピースのところに上のピースが入るようにしたはずだけど、なんか違うよ（ガバ）

• 選択したピースを解除できるようにしたよ

終わり

まとめ

どう見てもクソゲーの完成です。この状態では終わりもなくクリックするだけなので、ゲームですらない気がします。許して...
繋げて、敵も倒して、可愛いキャラクターがいる キュアぱずは神ゲー だとわかりました。
公開とかはしていないので（こんなの誰がやりたいと思うんじゃ）代わりにキュアぱずを遊んでください。
ここまでお付き合いいただきありがとうございました。来年はもっといい記事を書けるように勉強してきます。
明日の11月4日のアドベントカレンダーはSahilさんとDavidさんが担当です。
バイバイ。