skillfed

phaser-gamedev

Phaser Gamedev guides you through building complete 2D games in Phaser 3 using a structured four-phase approach: DESIGN (plan game type and physics), BUILD (implement scenes and assets), ANIMATE (add physics-driven movement and state machines), and POLISH (camera effects, particles, sound, and mobile support). Covers platformers, shooters, RPGs, and puzzle games with TypeScript scaffolds and reference guides for each phase.

Phaser Gamedev builds complete 2D games in Phaser 3 using a four-phase pattern: design, build, animate, and polish.

AI-generated summary based on this skill's SKILL.md

412 42 MIT updated by notque

Install

notque/vexjoy-agent/phaser-gamedev · repository language: Python

git clone https://github.com/notque/vexjoy-agent
cp -r vexjoy-agent/skills/game/phaser-gamedev ~/.claude/skills/phaser-gamedev
npx skillfed install notque/vexjoy-agent/phaser-gamedev

Frequently asked questions

AI-generated answers based on this skill's SKILL.md and metadata

How do you make a 2D game with Phaser 3?

Phaser Gamedev teaches a four-phase approach: DESIGN your game type and physics model, BUILD scenes and load assets, ANIMATE sprites with state machines and physics-driven movement, then POLISH with camera effects, particles, and sound. The skill covers platformers, shooters, RPGs, and puzzle games with TypeScript scaffolds for each phase.

What does Phaser 3 platformer setup require?

Phaser Gamedev's platformer tutorial covers arcade physics configuration, sprite animation setup with spritesheet frame dimensions, collision layer management, and state machine animation for character movement. You'll learn to integrate Tiled tilemaps, configure collision detection, and implement jump mechanics with proper physics constraints.

How do you integrate Tiled tilemaps and configure collision layers in Phaser?

Phaser Gamedev walks through loading Tiled map files, parsing tilemap data, and setting up collision layers with arcade physics. You'll configure which tiles block movement, apply physics to sprite-tilemap interactions, and optimize collision detection for performance on mobile devices.

How can you create game feel with Phaser 3?

Phaser Gamedev's POLISH phase teaches particle effects for impacts and feedback, tweens for smooth animations, camera shake and screen effects, and sound integration. These techniques transform basic mechanics into responsive, satisfying gameplay that feels polished and professional.

What optimization strategies does Phaser Gamedev cover for mobile?

Phaser Gamedev addresses mobile performance through object pooling, sprite allocation management, camera culling, and physics optimization. The skill includes mobile-specific controls setup and techniques to maintain frame rate on lower-end devices while preserving visual quality.

Which game genres can you build with Phaser Gamedev?

Phaser Gamedev provides reference guides and scaffolds for platformers, side-scrollers, shooters, top-down RPGs, and puzzle games. Each genre uses the same four-phase structure but with different physics configurations, sprite behaviors, and interaction patterns tailored to that game type.

SKILL.md

rendered from the published skill — quoted content, verbatim

Phaser Gamedev Skill

Overview

This skill builds complete Phaser 3 2D games using a Phased Construction pattern: DESIGN (plan game type, physics, scenes) → BUILD (scene lifecycle, sprites, tilemaps) → ANIMATE (physics, animation state machines, input) → POLISH (camera effects, particles, tweens, sound, mobile). Targets Phaser 3.60+ throughout.

Scope: Platformers, arcade shooters, top-down RPGs, puzzle games, and side-scrollers — anything 2D in Phaser 3. Use threejs-builder for 3D games, native mobile games, and non-Phaser canvas work.


Reference Loading Table

Signal Load These Files Why
references/core-patterns.md

(truncated - see the full file via the links below)

Read as markdown · JSON record · Browse the source repository

File tree — 12 files
skills/game/phaser-gamedev/SKILL.md
skills/game/phaser-gamedev/references/animate-scaffolds.md
skills/game/phaser-gamedev/references/arcade-physics.md
skills/game/phaser-gamedev/references/build-scaffolds.md
skills/game/phaser-gamedev/references/core-patterns.md
skills/game/phaser-gamedev/references/errors.md
skills/game/phaser-gamedev/references/game-feel-patterns.md
skills/game/phaser-gamedev/references/performance.md
skills/game/phaser-gamedev/references/polish-scaffolds.md
skills/game/phaser-gamedev/references/spritesheets.md
skills/game/phaser-gamedev/references/tilemaps-and-physics.md
skills/game/phaser-gamedev/references/tilemaps.md

Related skills

Tags

scene-lifecycle arcade-physics-engine sprite-animation tilemap-collision game-feel-juice mobile-optimization state-machine-pattern asset-preloading camera-effects