FileMakerでレトロアーケード風インベーダーゲームを作ってみた
はじめに
日々の業務システム開発に追われる中、ふと「FileMakerでゲームを作ったら面白いのでは？」というアイデアが浮かびました。Claris FileMakerは本来、ビジネスアプリケーションの開発ツールですが、Webビューアを活用することで、JavaScriptベースのインタラクティブなコンテンツを組み込むことができます。
そこで今回は、レトロアーケード風のインベーダーゲームを作成してみました。1978年にタイトーから発売された名作「スペースインベーダー」をオマージュした、懐かしくも新しいゲームです。仕事の合間の息抜きや、FileMakerの可能性を探る実験として、ぜひお楽しみください。
- このファイルを開くには FileMaker Pro 2024 以上のバージョンが必要です。
- お手元に FileMaker Pro のアプリケーションがない場合は以下より無料評価版をダウンロードしてご利用ください。
https://www.claris.com/ja/trial/ - ファイルのカスタマイズやお問合せは受け付けません。また、ご利用の際は自己責任にてお願いいたします。
スクリーンショット
ネオングリーンを基調としたサイバーパンク風のデザインで、80年代のアーケードゲームの雰囲気を再現しています。
タイトル画面 - 「SPACE INVADERS」のロゴが光り輝く
ゲームプレイ画面 - カラフルなインベーダーとシールド
操作方法
シンプルな操作で、誰でもすぐに楽しめます。キーボードの矢印キーとスペースキーだけで操作できるので、複雑なコントローラーは必要ありません。
🎮 操作キー
- ←→ 自機を左右に移動
- SPACE ビームを発射して敵を撃墜
ゲームの特徴・機能
シンプルながらも、本格的なゲーム体験を目指して様々な機能を実装しました。
レベルアップシステム
ステージをクリアするごとに敵の移動速度がアップ。どこまで生き残れるかチャレンジしてみてください。
爆発エフェクト
敵を撃墜すると華やかなパーティクルエフェクトが発生。爽快感のある演出を楽しめます。
サウンドエフェクト
発射音、爆発音、被弾音など、Web Audio APIを使ったレトロ風のサウンドを搭載。
防御シールド
自機の前方に配置された4つのシールド。敵弾を防ぎますが、ダメージで崩壊していきます。
📊 ゲーム情報
- スコア表示：敵を倒すとポイント獲得（上段の敵ほど高得点）
- ライフ表示：残機3つからスタート、被弾で1つ減少
- レベル表示：全敵撃破でレベルアップ、難易度上昇
技術的なポイント
このゲームは、HTML5 Canvas と JavaScript を使用して開発されています。FileMaker の Webビューア機能を通じて、これらの Web 技術をシームレスに統合することができます。
使用技術
- HTML5 Canvas：ゲーム画面の描画
- JavaScript：ゲームロジック、衝突判定、アニメーション
- Web Audio API：効果音の生成・再生
- CSS3：UI デザイン、グロー効果、アニメーション
FileMaker の Webビューア は、モダンな Web 技術をフルに活用できるため、このようなインタラクティブなコンテンツも問題なく動作します。業務システムの中に、ちょっとした遊び心を加えることも可能です。
おわりに
今回は息抜きとして、FileMaker上で動作するインベーダーゲームを作成してみました。ビジネスツールとしてのFileMakerの印象が強いかもしれませんが、Webビューアを活用することで、このような遊び心のあるコンテンツも実現できます。
「FileMakerでこんなこともできるんだ！」という発見のきっかけになれば幸いです。また、JavaScript や Canvas の学習教材としても活用いただけるかと思います。
ぜひハイスコアを目指して、楽しんでみてください！🎮