mcpField
P
phaser-2d-arcade

phaser-2d-arcade

github.com/farworld-labs開発70 回インストール
リポジトリ

phaser-2d-arcade について

Phaser のブラウザーゲームを制作する開発者向けに、単一ファイルで 2D アーケードゲームを素早く組み立てる手順を示すスキルです。ゲームループ、モバイル操作、再起動への対応、Remix 連携の確認を扱います。

主な機能

  1. 01単一ファイル HTML から開始
  2. 02Phaser のゲームループ構築
  3. 03勝敗条件とスコアの追加
  4. 04タッチ操作とレスポンシブ設計の優先
  5. 05Remix SDK フックの検証

活用シーン

  1. 012D ブラウザーゲームの素早い試作
  2. 02モバイル向けアーケードゲームの構築
  3. 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.html
references/
phaser-arcade-patterns.md
sdk-integration.md

詳細

Phaser 2D Arcade

ユーザーから Phaser のブラウザーゲームを依頼された場合、特に単一ファイルで高速に動作する 2D ゲームプレイのループを求められた場合に、このスキルを使用します。

ワークフロー

  1. assets/starter-single-file.html をベースにします。
  2. まずコアループを実装します:boot -> preload -> create -> update。
  3. 仕上げに入る前に、勝敗条件とスコアリングを追加します。
  4. 早い段階でタッチ操作とレスポンシブレイアウトを追加します(モバイルファースト)。
  5. Remix を対象にする場合は、references/sdk-integration.md の SDK フックを適用します。
  6. 引き渡し前に、必須フック(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 を参照してください。

コメント