I create learning content for the web: Online courses, data visualizations, and tutorials.
April 8th, 2019
Try it out or look at the code.
Today I started the awesome Javascript 30 course by Wes Bos. In the first episode Wes Bros wrote a little app that played sounds when specific keys on the keyboard are clicked. In this sketch I wanted to apply the concepts I have learned to a little product of my own.
The design sketch is called grid animation. The display is divided into 600 grid items, which have a small border. One grid item is colored in blue: The box. A user can move the box by using the arrow keys on his or her keyboard. In addition, on every move, a little sound is played.