Programming Music with Javascript by @salvadorBFM

Slides de la cuarta sesión de GDLJS del 25 de agosto.

Una exploración de patrones musicales usando JavaScript.

Estos slides son mucho más entretenidos combinándolos con http://github.com/gdljs/jsloops para jugar con audio.

Transcript

1. Programming Music With JavaScript Salvador Elizarrarás Montenegro GDLJS/25/Ago/2015 @SalvadorBFM
4. MUSIC
5. JSLoops Live Coding Example (source: https://github.com/salvadorbfm/jsloops)
6. Web Audio API Code: Web Audio API Basics
7. HiHat Synth Attempt Diagram: HiHat AudioNodes and code example
8. Components JSLoopsHandler - Handles user interaction - initializes JSLoopsEngine - Calls loop JSLoopsEngine - Audio Tools - Handles loop - Generates steps - Handles method to play
9. Steps timeOffset = currentTime = 10.0; stepTime = 0.25; steps = [10.0, 10.25, 10.5, 10.75 …] timeOffset += stepTime * nSteps // so … next time steps = [14.0, 14.25, 14.5, 14.75 …]
10. References Audio Dev Tools: https://hacks.mozilla.org/2014/06/introducing-the-web-audio-editor-in-firefox- developer-tools/ LiveCoder: https://github.com/halfbyte/liv3c0der Reddit/Synthesizers: https://www.reddit.com/r/synthesizers/ Source Code: https://github.com/salvadorbfm/jsloops
11. Thanks! @SalvadorBFM