Skip to content
/ mizik Public

Snaking sound memory game! An exploration of WebAudio and mobile interactions

License

Notifications You must be signed in to change notification settings

awwaiid/mizik

Folders and files

NameName
Last commit message
Last commit date
Mar 7, 2022
Feb 2, 2020
Mar 7, 2022
Jan 18, 2020
Jan 19, 2020
Jan 18, 2020
Jan 18, 2020
Jan 19, 2020
Mar 19, 2020
Jan 18, 2020
Mar 19, 2020
Mar 19, 2020
Mar 19, 2020
Feb 19, 2025

Repository files navigation

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