Phaser 3 · 2 / 6

Dashboard
Creative coding · Phaser 3

Graphics, Geom objects & Containers

Use this.add.graphics() for painter-style fills and strokes, or spawn shapes like this.add.rectangle() / this.add.circle() when you want GameObjects with transforms. Wrap many objects in a Container to rotate or move them as one creative cluster.

// Graphics vs geom shortcut
const g = this.add.graphics();
g.fillStyle(0xd4a373, 1);
g.fillRoundedRect(40, 60, 120, 80, 12);

const box = this.add.container(cx, cy).add([ rectA, rectB ]);
Creative angle

HSV loops + rounded rects become living palettes — swap grid sizes and easing to invent new motion wallpapers.

Next

Wire pointer events for painting and playful instruments.