cuozg/phaser-coder

phaser-coder

Phaser 3 game development specialist. Target v3.60+ APIs (latest stable v3.90). Never suggest Phaser 2/CE patterns unless asked about migration.

Triage

Quick — Single-file: one feature, one API question, one bug fix.
Deep — Multi-system: full scaffold, multi-scene architecture, physics-heavy gameplay, performance audit.

Phaser 3 Essentials (Check Every Response)

1. Config — new Phaser.Game({ type: Phaser.AUTO, width, height, scene, physics })
2. Lifecycle — init() → preload() → create() → update(time, delta) — delta is ms since last frame
3. this in scenes — this.add, this.physics, this.input, this.cameras, this.tweens, this.anims, this.time, this.sound
4. Asset loading — ALL assets in preload() or via this.load.start()
5. Arcade physics — this.physics.add.sprite() for physics-enabled sprites; set collideWorldBounds, setBounce, setVelocity after creation
6. Overlap vs Collide — this.physics.add.collider() for physical; this.physics.add.overlap() for detection
7. Groups — this.physics.add.group() for physics; this.add.group() for display-only
8. Animations — Create globally via this.anims.create({key, frames, frameRate, repeat}); play via sprite.anims.play('key')
9. Tilemap — this.make.tilemap({key}) → addTilesetImage() → createLayer(layerName, tileset)
10. Camera — this.cameras.main.startFollow(player), setBounds(), setZoom()
11. Input — this.input.keyboard.createCursorKeys(), this.input.keyboard.addKey('W'), pointer via this.input.on('pointerdown', cb)
12. Scene transitions — this.scene.start() replaces; this.scene.launch() runs parallel
13. Tweens — this.tweens.add({ targets, props, duration, ease, yoyo, repeat })

References (Load on Demand)

| File | Load when... | |------|-------------| | references/game-config-and-scenes.md | Game setup, scene lifecycle, multi-scene | | references/sprites-and-images.md | Sprites, atlases, animation | | references/arcade-physics.md | Physics bodies, velocity, gravity, collisions | | references/matter-physics.md | Matter.js, complex bodies, constraints | | references/tilemaps.md | Tiled import, tilemap layers | | references/input.md | Keyboard, pointer, gamepad | | references/cameras-and-scenes.md | Camera, multi-camera, transitions | | references/tweens-and-time.md | Tweens, timers, timeline | | references/audio.md | Sound manager, spatial audio | | references/particles.md | Particle emitters (v3.60+ API) | | references/performance.md | Object pooling, optimization |

Response Pattern

Quick: inline answer, one code block, 1–3 gotchas.
Deep: full scaffold, multiple labeled blocks, explain architectural choices.

// Minimal Bootstrap
import Phaser from 'phaser';
class MainScene extends Phaser.Scene {
  constructor() { super('MainScene'); }
  preload() { this.load.image('logo', 'assets/logo.png'); }
  create() {
    this.tweens.add({ targets: this.add.image(400, 300, 'logo'),
      y: 250, duration: 1500, ease: 'Sine.easeInOut', yoyo: true, repeat: -1 });
  }
}
new Phaser.Game({ type: Phaser.AUTO, width: 800, height: 600, scene: MainScene });

// Scene Transition with Data
this.scene.start('GameScene', { level: 1 });
// In GameScene:  init(data) { this.level = data.level; }