integrate test elements with existing bluetooth/tone.js

[samchin]

Todo

• [x] create basic quiz framework
  • [x] display note
  • [x] enter interval with buttons
  • [x] reset to new interval
• [x] minimally integrate tone.js
  • [x] play note when user inputs correctly
  • [x] play note when user inputs incorrectly
  • [x] play note initially when opening
  • [x] handle the buffer issue: tone:21 Uncaught Error: No available buffers for note: -Infinity
• [x] move over cathy's nice buttons~
• [x] (minimally) separate stuff into different files
• [x] reasonable UI

How to Run/Test

• [ ] Open the file First get the repo: git clone git@github.com:samchin/pitch-purrfect.git Go to the directory: cd pitch-purrfect Checkout my branch: git checkout sc.backend Open file: index.html
• [ ] Play the game
  • [ ] Click "Start Game"
  • [ ] Listen to the notes and look at the number in the middle of the screen
  • [ ] Confirm pressing the wrong number makes the screen go red
  • [ ] Confirm pressing the correct number makes the screen go green
• [ ] Confirm hiding the cheat mode works by checking and then unchecking "Cheat Input" to remove the text from the screen
• [ ] Check manual mode by clicking manual - you should be able to manually assign the notes.

What is working and not working:

[samchin]

Not doing in this PR

• [ ] Different Modes
  • [ ] Testing (do not play back note when user presses)
    • [x] Visual/grapheme feedback (Cheat Mode)
    • [x] Haptic feedback (Cathy)
    • [ ] * Visual/blocks (Visual mode)
  • [x] properly hide cheat mode upon init
  • [x] changing modes plays a new note
• [x] * Move through all keys
• [ ] minimally integrate bluetooth (blocked on having the device)
  • [ ] cut out all unnecessary vhp code (js/html)
• [ ] create tuning interface that surfaces relevant variables (Dev)
  • [ ] note timing
  • [x] sustain
  • [x] time between different trials
  • [/] time between different sensory inputs
  • [ ] time between first and second note
  • [ ] note
  • [ ] ascending/descending vs same note
  • [ ] rhythm game mode (notes come at a fixed pace and you have to answer them)
• [ ] measuring things:
  • [ ] write all events to csv
  • [ ] # repeats, # correct, reaction time
  • [ ] deidentifer

[samchin]

https://user-images.githubusercontent.com/10756682/200407713-b1966178-74cb-4a0b-b59a-87e9bcc45ab5.mov

little demo video~