phaser-2d-arcade について
Phaser のブラウザーゲームを制作する開発者向けに、単一ファイルで 2D アーケードゲームを素早く組み立てる手順を示すスキルです。ゲームループ、モバイル操作、再起動への対応、Remix 連携の確認を扱います。
主な機能
- 01単一ファイル HTML から開始
- 02Phaser のゲームループ構築
- 03勝敗条件とスコアの追加
- 04タッチ操作とレスポンシブ設計の優先
- 05Remix SDK フックの検証
活用シーン
- 012D ブラウザーゲームの素早い試作
- 02モバイル向けアーケードゲームの構築
- 03Remix アップロード用の単一ファイルゲーム作成
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ farworld-labs/ remix-skills --skill phaser-2d-arcadeインストール後、Claude Code で/phaser-2d-arcadeを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
assets/starter-single-file.htmlreferences/phaser-arcade-patterns.mdsdk-integration.md詳細
Phaser 2D Arcade
ユーザーから Phaser のブラウザーゲームを依頼された場合、特に単一ファイルで高速に動作する 2D ゲームプレイのループを求められた場合に、このスキルを使用します。
ワークフロー
assets/starter-single-file.htmlをベースにします。- まずコアループを実装します:
boot -> preload -> create -> update。 - 仕上げに入る前に、勝敗条件とスコアリングを追加します。
- 早い段階でタッチ操作とレスポンシブレイアウトを追加します(モバイルファースト)。
- Remix を対象にする場合は、
references/sdk-integration.mdの SDK フックを適用します。 - 引き渡し前に、必須フック(
gameOver、onPlayAgain、onToggleMute)を検証します。
ガードレール
- シンプルさとパフォーマンスを重視し、Phaser Arcade Physics を使用してください。
- 初期スコープは小さく保ちます:シーン 1 つ、メカニクス 1 つ、失敗条件 1 つ。
- フレームごとの高コストなメモリ割り当てや、不要な視覚効果は避けてください。
- ゲームプレイは、再起動に対応し、決定論的に動作するようにします。
- Remix へのアップロードでは、ユーザーから別途指定がない限り、インラインの JS/CSS を含む単一ファイルの HTML を作成します。
- Remix へのアップロードでは、HTML の
<head>に<script src="https://cdn.jsdelivr.net/npm/@remix-gg/sdk@latest/dist/index.min.js"></script>を含めます。
参考資料
- シーンのアーキテクチャ、操作方法、パフォーマンスのデフォルト設定については、
references/phaser-arcade-patterns.mdを参照してください。 - Remix SDK のフックと統合の構成については、
references/sdk-integration.mdを参照してください。
コメント
Markdown 対応