[Games] Three Blocks (スリーブロックス)

先日、100円ショップで面白いパズルゲームを見つけました。 スリーブロックスという、脳トレパズルゲームです。 パッケージだけだとよく分からなかったんですが、なんとなく自分アンテナの面白そうな気配がビンビンしていたので、迷わず購入。

スリーブロックスについて

パッケージに書かれているのは、「三つのブロックでアキマスを作る」ですが、テトリスみたいなブロックゲームっぽい印象です。 対象年齢6歳以上ということで、小学生以上が対象という事がわかります。 幼稚園では解くことができないのか？ このスマホよりも小さい大きさの箱の中に、40問も問題が入っているというのも、なんとも魅力的です。

パッケージ開封

内容物はこんな感じです。

・説明書らしきカードが2枚 ・パズルのベースにあたるマスのような紙が1枚 ・ブロックが３つはめ込んであるウレタン素材が１つ ・裏表に01から40まで書かれた20枚の問題カード

遊び方

マス目の紙に、ウレタンブロック３つをマス目に沿って置いて、空いたマスの形が問題のブロックの形になれば正解という事のようです。

紹介動画

プログラミングしてみた

紙のゲームで遊んでも楽しいのですが、スマホでも手軽にできるようにブラウザで遊べるゲームとして、プログラミングしてみました。 以下のGithubにpushしておいたので、ソースコードはお好きに見てみてください。 https://github.com/yugeta/three_blocks

プログラミングについての話

この紙ゲーをブラウザゲーにするのは、簡単に思えて、実は3日ほど時間が掛かってしまいました。 そもそも、３つのブロックをどのようにデジタル上で動かせばいいのかが大きな壁でした。 パソコンであればマウスクリック、スマホであれば、指一本のタッチで操作できるぐらいの手軽さでなければ、ダメだろうと思ってUIを四苦八苦した結果、 ドラッグでブロックを動かせる上、クリックすると90度回転して、長押しすると、左右がフリップするという仕様が、操作しやすくてわかりやすいというところにたどり着きました。 あと、もう一つの壁は、正解判定のロジックです。 配置されたブロックの空きブロックを判定して、問題出題されているブロックがピッタリと隙間なくハマるかというプログラミング・・・なかなかの難易度です。 結論から言うと、ビット演算を使ってソートアルゴリズムの様な総当り判定を行うことで解決できましたが、何度か作り直すと、もっと素敵なプログラムになるかもですね。

デモ

手軽に遊べるように、サイトにアップしてみました。 気に入ってもらえたらブックマークして、謎解きに挑戦してみてください。 https://mynt-games.blogspot.com/p/three-blocks.html

画面キャプチャ