Lex Laboratory / Projects / Boptron
Boptron
What if making music felt like playing a game?
A browser-based music studio with game progression — levels, XP and a pixel-art look that lowers the barrier to making music.
How it was built
This project's code isn't in an accessible repository, so we don't publish numbers until we can measure them.
- 3platformsWeb · PWA · Android APK
What it looks like
Try it here
Not a video: a working miniature of the product. Tap it, play it and open it full size.
boptron.com
Highlights
- Real-time sequencer and synthesis with Web Audio and Tone.js
- Progression system (XP and levels) woven into the creative flow
- Pixel-art identity: logo, mascot and brand typefaces
Role
Design, art direction and development
Stack
Turborepo + pnpm monorepoNext.js 15Tone.jsZustandDrizzle ORM + PostgreSQLAuth.js v5 + bcryptjs
Links
Log
- «La Escena»: Boptron's communityA pixel-art forum with votes, avatars and badges for sharing beats.
- Boptron opens its public betaA free in-browser music studio where making beats plays like a video game.
- Bop DJ: a loading screen you can scratchWaiting turns into play: an interactive pixel-art turntable while the studio loads.
- Boptron for AndroidApp 1.0.0 downloads straight from boptron.com: 3.5 MB, Android 7.0 or later.