Phaser 3 · 3 / 6

Dashboard
Creative coding · Phaser 3

Pointer events & playful instruments

Phaser normalizes mouse + touch into one Pointer API. Listen with this.input.on('pointermove' | 'pointerdown'). Combine with lightweight tweens so each tap feels tactile — great for sketch pads, rhythm toys, and narrative vignettes.

Tap and drag inside the canvas.

this.input.on('pointerdown', (pointer) => {
  const x = pointer.worldX;
  const y = pointer.worldY;
  // spawn sprites, play synths, stamp decals…
});
Mobile tip

Demos set touch-action: none on the host page so dragging doesn’t scroll the academy shell.

Next

Arcade Physics — velocity, bounce, and playful collisions.