Phaser 2D Arcade
Use this skill when a user asks for a Phaser browser game, especially for fast single-file 2D gameplay loops.
Workflow
- Start from
assets/starter-single-file.html. - Implement core loop first:
boot -> preload -> create -> update. - Add win/lose condition and scoring before polish.
- Add touch controls and responsive layout early (mobile-first).
- If targeting Remix, apply SDK hooks from
references/sdk-integration.md. - Validate required hooks (
gameOver,onPlayAgain,onToggleMute) before handoff.
Guardrails
- Prefer Phaser Arcade Physics for simplicity/performance.
- Keep initial scope small: 1 scene, 1 mechanic, 1 fail condition.
- Avoid expensive per-frame allocations and unnecessary visual effects.
- Keep gameplay restart-safe and deterministic.
- For Remix uploads, produce single-file HTML with inline JS/CSS unless user asks otherwise.
- For Remix uploads, include
<script src="https://cdn.jsdelivr.net/npm/@remix-gg/sdk@latest/dist/index.min.js"></script>in HTML<head>.
References
references/phaser-arcade-patterns.mdfor scene architecture, controls, and perf defaults.references/sdk-integration.mdfor Remix SDK hooks and integration shape.