This Javascript Music webapp uses a simple one-dimensional Cellular Automaton to produce piano music. The generator concept is straightforward. Each generation is mapped onto a keyboard wherein each live cell represents a played piano note. Thus each generation will correspond to a single chord, and the succession of multiple generations will represent a sequence of chords. It's easier to explain by showing than it is by telling:
I built this website using the p5js Javascript library. This made it a smooth transition when I wanted to port important parts from my 'proof of concept version' that was built in processing, but it also has created some incredibly frustrating issues. I will be the first to admit that I haven't been able to tackle the issues born from how I implemented p5js in the best possible way (looking at the render-glitch-fix checkbox). I'll also admit that the UI looks as though it was designed by a caveman. In my defense, this was the second website I've ever made, and essentially my first real programming project.
Since finsishing the Music Generator, I have taken some classes and gained a much stronger grasp on web technologies like HTML/CSS/Javascript than I had while working on this project -- It is definitely due for a complete rebuild from the ground up.