Skip to main content

Posts

Showing posts from September, 2017

An arpeggiator made with SVG!

Before attending the An Event Apart 2017 conference in Chicago last month, I didn't know much at all about SVGs, or even what an arpeggiator was. One of the speakers, Chris Coyier, gave a fascinating talk about the possibilities of the vector image format. And some of the examples he used included things like logo animation, shape morphing, spinners, art.

He even had a music example - an arpeggiator created on CodePen by Jake Albaugh.

If you're interested, there's a great article about arpeggiators here. In short, an arpeggiator is commonly found on a synthesizer, and 'provides synth players with an easy way of playing complex synth parts via simple chords'.

Besides being built entirely with SVG, Albaugh's arpeggiator (which you can interact with) has a good user experience too.
Areas of the screen are clearly labeled and the bright yellow color stands out for selected items, The screen is laid out well - you select options in each section and finally simulate …