Skip to content

Latest commit

 

History

History

01-drum-kit

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 

Drum Kit (Demo) Netlify Status

Day 1 of 30 of Wes Bos' #JavaScript30 course. The requirements were to build a drum kit so that when a keyboard key is pressed, it would both play a corresponding audio element and scale/color the appropriate indicator on the screen.

I added touchscreen support and styled mine to look like the Rock Band 4 drum lane. I used some 3D perspective built into CSS transforms as well as some drop shadows for the glow.

I only used the provided starter HTML and the first couple minutes of the video that explained the requirements.

This repository automatically builds on Netlify.