How We Built Focus Drop With Phaser

Developer Journal · engineering

By the Focus Drop team · August 2026

Focus Drop’s web client is a Phaser 3 scene stack (boot → menu → game) bundled with Vite, with Firebase Auth/Firestore for optional cloud sync and leaderboards. Capacitor wraps the same skill loop for stores, while AdMob handles native ads separately from the ad-free browser play canvas.

We kept scoring and level config as plain modules (ScoreSystem, LevelConfig) so guides and Reflex Lab articles can cite the same numbers the binary uses.

Lesson: document from code constants, not from memory — it keeps publisher pages honest when balance changes.

All journal entries PLAY FOCUS DROP

Implementation note

The browser client uses a Boot → Menu → Game scene stack in Phaser 3. The same scene code drives the live canvas, which is why the guide examples can be checked against the shipped game.

See the Wiserunts publisher page for authorship and the live game for the behavior described here.