mcpField
P
phaser-2d-arcade

phaser-2d-arcade

github.com/farworld-labs开发70 次安装
代码仓库

关于 phaser-2d-arcade

面向制作 Phaser 浏览器游戏的开发者，提供快速构建单文件 2D 街机游戏的工作流程。技能涵盖核心游戏循环、移动端控制、重启安全性及 Remix 集成检查。

主要功能

  1. 01从单文件 HTML 起步
  2. 02搭建 Phaser 核心游戏循环
  3. 03加入胜负条件与计分
  4. 04优先适配触控与响应式布局
  5. 05验证 Remix SDK 钩子

适用场景

  1. 01快速制作浏览器 2D 游戏原型
  2. 02构建移动端友好的街机玩法
  3. 03为 Remix 上传准备单文件游戏

安装

复制下面的命令，在终端中运行。

$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 街机游戏

当用户请求制作 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：场景架构、操作方式和性能默认设置。
  • references/sdk-integration.md：Remix SDK 钩子和集成方式。

评论

支持 Markdown