The next project has to do with sounds. Specifically, you'll be creating a set of buttons that each play a specific note. Click HERE to see the instructions for part 1, and be sure to get the folder of sound files from me before you start.
HERE are the reference pictures for the default boxes, the boxes when you hover over them, and the boxes when you click them
Due date: Friday, April 15 by the end of class
**Note:** Sorry! The code for the <audio> tag doesn't work like it's supposed to. I'm working on figuring out how to get it to work the way I expected it to, but in the meantime please use the method from THIS website as a workaround.
This should be a really quick project. Change your code so that the notes play when you drag the mouse over them instead of when you click them. Then, change the order of the notes so that it plays a pleasant tune (at least 8 notes, and it's okay if they repeat).
Due date: Friday, April 22 by the end of class
Change the size and colors of each of the boxes. Make them all different, and try to make something artistic. Try to make it so there are at least two rows of boxes. Then, add sounds. These sounds must be in .mp3 form and should be songs or clips of songs. Try to organize the music in a logical way-- how can you break the songs into categories? Are songs of the same type the same size? In the same row? The same color? See HERE and HERE for examples of layouts.
Underneath the buttons, write an explanation of how you organized the songs, and let me know whether the buttons are mouseover or clickable. Feel free to change the background color and text color to make things more visible/readable.
Due date: Friday, April 29 by the end of class