概要

Ancient Gridは、３種類(3×3、4×4、5×5)のスライドパズルが楽しめるミニアプリです。最初のミニアプリは遊び心を加えられるものにしたいと思い、ゲームを選択しました。 RPGに登場する遺跡をイメージし、CSSや画像を用いてレトロな世界観を表現しました。フラッシュメッセージも「はい/いいえ」風の演出にすることで統一感を持たせています。 技術的な見どころは、ユーザーの選択に応じた盤面の自動生成です。Railsから渡されたグリッドサイズ(3、4、5)をJavaScriptで受け取り、それに基づき盤面(グリッドサイズ×グリッドサイズ)を動的に生成・制御しています。