developer docs

taptrap uses front-end technologies: html,css,js. we use jQuery for utility stuff, and howler.js for web audio api support

the code is primarily in 3 js files: index.js cell.js recorder.js

index.js is the 'main' js file. it handles all input from the page.

the index.js file primarily consists of setup code (building the cells) and jQuery event-listener-handlers (e.g. $("#something").click(...)). these control the functionality of buttons on the page. all cell-related actions are redirected to a cell's object for handling, while hotkey management is handled in index.js itself.

cell.js represents a single square button in the grid. it controls its assigned sound, as well as the mode button within it.

recorder.js is a basic interface for starting and ending voice recording. it is used to record the sounds played by cells. there is possibility for future work here, in the form of embedding audio slicing and visualization support.

visual.html is a test of sound wave visualization. it is based on a codepen demo, and just serves as a playground for visualization. again, it is a demo, so it is not needed in a final product.