Sharon Yu Final Project

For this project, I wanted really badly for keys to correspond to body parts and create “creatures” with it. I had alot of fun drawing out everything on illustrator but I had a hard time trying to make everything not overlap. The scale and the way the creature would be presented was also a problem at times. However, I am quite happy with what it looks in the end. The code doesn’t work because all the images are local.

Screen Shot 2015-12-12 at 12.42.16 AM Screen Shot 2015-12-12 at 12.42.03 AM Screen Shot 2015-12-12 at 12.41.42 AM


Sharon Yu – Final Project Proposal

For the final project, I want to create something similar to Patatap in that it will be a piece where every key generates a different body part, and the body parts will pile on top of each other depending on the order the keys are pressed in. It will create “creatures” that can be erased to create more creatures. I feel like it will be interesting to see what people can create with their names, and the randomized nature of it will make sure that creatures created from this will all be very interesting.



Weather Worlds

created by Theo Watson, Emily Gobeille and Nick Hardeman

Weather Worlds is an interactive screen that allows people to create weather conditions in the screen according to the way they move their arms or legs. It allows people to see themselves immersed in an active and dynamic environment.
Les métamorphoses de Mr. Kalia

created by Béatrice Lartigue

This is also an interactive screen where people can decide the “metamorphosis” of Mr. Kalia, an animated character that changes and adds abstractions to his body as people move their limbs in front of the screen.

Both projects create a digital environment in which people can move around and create objects within that world. While one presents a more abstracted notion and agenda, the other comes across as being straightforward in its purpose yet still retains the wonderment of having something that creates in a digital environment when physical movement is done.




Claudia Hart’s piece The Dolls, A Media Ballet for Fashion Runway, is a performance art created for the runway of the Fashion Walk 2015 at The School of Art Institute Millenium Park, Chicago. The Dolls is inspired by the notion of “eternal return,” an idea that history renews itself through decadence, decay, and rebirth. The piece is presented through Claudia used mathematical formulas that creates animated and rhythmic patterns that are then projected onto models who wear white paper tutus that act as a “movie screen” for the audience. The dynamic nature of the wearables become something unachievable by most mediums, and the jarring image of these over the top dresses from different eras take runway fashion to a whole new level.

Claudia Hart studied architecture at a graduate level in the Columbia University Graduate School of Architecture. She is also an artist, curator and critic. She is fascinated with 3D imagery integrated into photography in cooperation with animated loops, and multi-channel animation installations.


Although I wasn’t inspired by anything in particular, I’ve wanted to create something related to spiders for a while now. I’ve always feared children bringing insects home, and I wanted to recreate that with the hand of a child holding a dead spider that spasmed upon touch, or a click of the mouse. One of the biggest problems I faced with this project was finding the best way to incorporate all 8 strings. I didn’t have enough time to think through a loop to make the code much shorter.

My image was planned out with illustrator, because I work better with illustrator.
Screen Shot 2015-11-12 at 11.57.32 PM


Project-09-Turtle Graphics

For this project, I was inspired by Roger’s chasing Perlin Noise, where the turtles would move around to become a shape. I played around with the code from the examples and basically did trial and error to find my favorite shape.

When the window is not clicked, it produces spirals around the position of the mouse.

Screen Shot 2015-11-05 at 7.21.25 PM

When the window is clicked, there is a change in color.

Screen Shot 2015-11-05 at 7.20.12 PM

Screen Shot 2015-11-05 at 7.21.11 PM



For this project, I didn’t think very much about how I was going to construct the image. I focused on using different shapes and making the lines change according to the position of the mouse. Although the image is hard to make out, I like the ambiguity the changing of the lines and circles create.

Screen Shot 2015-10-29 at 7.57.23 PM

Screen Shot 2015-10-29 at 7.57.59 PM

Screen Shot 2015-10-29 at 7.42.44 PM

The lines can sometimes be sporadic while at other times be all going in the same direction according to the position of the mouse.


Looking Outwards-08-Sharon Yu

The work that I found interesting was John Edmark’s Blooms project, where he created a 3D sculpture that he later filmed with stop motion to make it look like the sculpture was going in an infinite spiral. The work was constructed by placing the appendages based on phyllotaxy at the golden agle, 137.5 degrees. Using the same methods employed by nature, he placed the appendages one-at-a-time starting from the top-center, positioning each appendage 137.5º around the center from the previous appendage and also a little further out and/or down. To animate them, he used a strobe light to recreate the proecess used to create them in the first place. I really like this work for how mesmerizing the video is and for how intricately it was designed.


This week I watched the panel from EyeoFestival 2014 about Augmented Education with Martin Wattenberg, Fernanda Viégas, Amit Pitaru, Evelyn Eastmond, Jer Thorp. Martin Wattenberg is a computer scientist and artist. He and Fernanda Viégasa, a computational designer,  are co-leaders of Google’s “Big Picture” data visualization group. Amit Pitaru is a coder and artist from Brooklyn who works at FiftyThree. Evelyn Eastmond is a coder based in Boston who contributes to p5.js. Jer Thorp is an artist and educator from Vancouver who works as an adjunct Professor in New York University’s ITP program. In the panel they were exploring the role of media in non-STEM projects, and how creative coding can contribute to building an otherwise segregated community. They believe that curriculum should be built around creative softwares and not around it. They also talk about how high school computer science programs are less concentrated on creativity and more on problem solving. They think it is important to cater computer science to the conceptual thinkers out there that can explore computers without being bound by parameters. There should be more personal and less studio style of teaching computer science in creative fields.


This is a project done in collaboration with Cindy Hsu. We were inspired by Rick and Morty, and we wanted to recreate the following scene from one of the episodes.

The division of work was equal, with me creating the image in illustrator before coding it together with Cindy. We really liked doing this project and tried to recreate it as correctly as possible.

Screen Shot 2015-10-15 at 5.48.51 PM