Where do harmonics even come from? Learn about additive synthesis and play with interactive string modes.
animations.dev
Learn the theory and practice behind great animations with this interactive learning experience.
Whimsical Animations
Learn how to create charming interactions and delightful touches using the magic of CSS, JavaScript, SVG, and Canvas. I’m sharing all my tricks in this one!
Sine, Saw, Square, Triangle, Pulse: Basic Waveforms in Synthesis and Their Properties
Learn the properties of 5 basic waveforms in sound synthesis to use their full potential in your synthesizer performance or design.
Sonic Tau
Live code your music in the browser. A working technical demo by Sam Aaron, creator of Sonic Pi.
Cuelume. Interaction sounds for the web
Cuelume is a tiny, dependency-free library of carefully designed interaction sounds, synthesized live with Web Audio.
Inigo Quilez :: computer graphics, maths, shaders, fractals, demoscene
Tutorials and articles of Inigo Quilez on computer graphics, fractals, math, art, demoscene, shaders and more.
Tangible Functional Programming
HiChord - Pocket Chord Synthesizer
Write songs anywhere. Instantly playable, deeply featured. Play chords with one button.
Aaron Steven White
computational semanticist. into modular synths and rum. https://aaronstevenwhite.io
Pluck
This is an interactive string simulator that uses basic Fourier math to generate audio & visuals according to where on the string you pluck from. The audio math is done on the GPU in WebGL
Circle of Fifths: The Key to Unlocking Harmonic Understanding
The circle of fifths is arguably the most helpful way of visually organizing the 12 chromatic pitches for learning music theory. Enjoy this lesson excerpt.
