Art Piano
Description:

For this final project, I had the idea to create a keyboard of art, creating different sound and visual combinations. I originally had a broader scope of the type of sounds and art being created. After finding the right piano sounds, I decided to go with a more abstract theme and show colorful and graphic ../portfolio_CSUS/Images with each key. I combined all the skills I learned in this course, and was able to experiment and try new things.

As far as design goes, the basic grid design I had, I implemented. I envisioned a simple kind of UI feel, with rounded buttons. I made graphics for the buttons in order to get the look I wanted. Later, I added the background grid to give it a little more design. For the art itself, I chose to work exclusively in processing and use a bright rainbow palette that progresses with each key. This was not what I had intended originally, but when I was setting up the sound, I made ellipses for each key going in the rainbow order(red, orange, yellow, etc.). After beginning to work on the art animations, I used those colors as starting points and it went from there.

The most difficult part for me was just deciding what kind of visual I wanted for each sound. Most of the actual coding was pretty easy, I only had to refer to previous demos a few times. The one thing I got stuck on was the bouncing ball kind of motion, I even followed the processing example and it was still broken. I was able to move past it and come up with something different with a similar feeling. I had some setbacks with the scaling triangles, specifically getting the moving point to move in the opposite direction, but through critical thinking I eventually figured it out. I really enjoyed working with for loops, and was able to make very different ../portfolio_CSUS/Images using it. Most of the math I did was in relation to the grid setup, and the mouse position hover, everything else is based off trial and error with different numbers. Overall it was enjoyable to code , and I feel like I’m finally starting to understand it.

From here, I would love to continue working with processing, and possibly show some of my work from this class in my portfolio. I really want to expand on my first piece, the abstract altar, and use more complicated features to create the interactivity I originally wanted. I would also like to explore what processing can do with other artistic mediums, and learn how to use it in new ways.

Code: Soure Code

Info
Year: Fall 2014
Type: Interactive Sound Visualization
Class:
Intro to Programming, Academy of Art University
Tools: Processing

Concept Design, Visual Development, User Experience Design: Adrianna Oporto
Instructor: Yoon Chung Han