Phaser 3 · 5 / 6

Dashboard
Creative coding · Phaser 3

Tweens — choreographed motion

this.tweens.add({ … }) animates numeric properties over time: position, alpha, scale, rotation. Stack yoyo + repeat for breathing UI, or use stagger so grids ripple outward like a wave machine. 

this.tweens.add({
  targets: gem,
  scaleX: 1.2,
  duration: 700,
  yoyo: true,
  repeat: -1,
  ease: 'Sine.inOut'
});
Timing literacy

Ease curves communicate emotion — try Elastic for cheeky UI and Linear for mechanical HUDs.

Next

Scenes for structure + particles for flourish.