IMG_6316.JPG

itp

Week 3 ICM: Partner Project Animation with a rollover button

For this week’s ICM project, I worked with Son to create a sketch that met the following parameters:

1) Created an algorithmic design

2) Had a GUI element (rollover, switch, push button).

We decided to build a squid-like sea monster, where the monster’s eye would act simultaneously as a rollover and pushbutton. We went through several iterations of the design— our original plan was to change the shape of the wave using a slider—but eventually settled upon the monster blinking when the mouse went over its’ eye, which triggered the eye to close and the background to change from gray to black. If the user pokes (clicks) the monster’s eye, eight other eyes appear. We ended up adapting Daniel Shiffman’s perlin noise wave as our algorithmic function.

Screen Shot 2018-09-23 at 6.05.46 PM.png
Screen Shot 2018-09-23 at 6.05.56 PM.png
Screen Shot 2018-09-23 at 6.06.07 PM.png

Working in a pair was really fun— Son and I started out working on the sketch together and then sent it back and forth, each tackling different elements. Neither of us has a coding background, so we ended up reviewing a lot together and making use of new functions in p5. I really like our final sketch! You can see the code here and the animation here.

ITP, ICMCaroline NeelComment