/mizik

Playing around with WebAudio and mobile interactions

Primary LanguageVueGNU General Public License v3.0GPL-3.0

Mizik

Playing around with WebAudio and mobile interactions. I'm taking inspiration from the very fun Teenage Engineering PO-33 and other weird things (Wicki-Hayden Keyboard). I'll push demo builds to https://mizikgame.com/.

Synth Screenshot Mizik Screenshot

Ideas

Synth

  • Sample directly from mic/input on device
  • Build simple sequences (step sequencer)
  • Looper (maybe quantized to step-sequencer)
  • Visualize and trim waveforms

Mizik

  • Different levels with different layouts or rules
    • Score based on length
    • Bonus score for overlaps
    • Some way to beat levels -- complete coverage or max count
  • Non-overlap mode
    • Difficulty level to control how likely overlap is
    • Tile-mode which always gets to each hex once to complete the grid
  • Guitar-Hero style song replay mode
  • Non-adjacent mode (but now can it still sound good?)
  • Swipe mode (ideally with visualized swipe lines)
  • Keep score better
    • Use localstorage for local high-score
      • Use Parse (or Firebase) for global high-score

Other

  • What sort of benefit might we get from PWA?
  • How can we package up to distribute in app stores?

Resources

Development

# Initial setup
yarn install

# Compiles and hot-reloads for development
yarn serve

# Compiles and minifies for production
yarn build

# Lints and fixes files. Auto-triggered on commit
yarn lint

# Deploy to demo site (github pages repo, force-push)
./deploy