Symmetrical Faces Simulator

Week 8, we were introduced with video and sound. I created a mirror image capture similar to mac’s built-in photo booth effect. I used to play it back when I was in high school. Another inspiration to this project was the beautiful, symmetrical portraits done by Photographer Alex John Beck. It shows us how human faces are not exactly symmetrical.

Below are the attempts I did in p5. I also created a slider to control the amount of sides revealing. I would like to add a feature that would automatically capture the left and right symmetry of the user’s face when aligned on center.

 

Full Code Here:
https://editor.p5js.org/shujuuu/sketches/ryPyMqr3m

Tickle My Tummy Candy Dispenser

Halloween is such a huge thing in States that even our PCOM midterm revolves around the theme. Which is weird for me and my group mate Arnab, because we never really get to celebrate it back in our countries. We heard that there is even a Halloween parade coming up this week, and streets will be shut down partially.

Ideation

The initial idea for the project was based on the hammer game. But instead of hitting the target as hard as you can with a hammer, you squeeze it.

Breaking down the component of the hammer game, we have:
1. a input where force is detected
2. a visual and audio output to represent the force (a.k.a score)
3. a reward

With the components listed above, we then decided to make it a candy dispensing machine to have it more relevant to Halloween.

Process

After setting our idea, we quickly went to production. We were able to talked with a few people who had similar projects before, namely Lola, Cammy, and Armitabh. Lola lent us a  MPX 5010 air pressure sensor which we tested on stress ball, enema, and silicon. Enema and silicon works surprisingly well since they both have a hallow space inside.

We decided to customize our own shape by 3D-printing a mold and casting it with silicon. Cammy recommended us to get the Smooth-on Eco-flex 00-30 on it. We got it from the Compleat Sculptor. They have all variations and samples of the silicon.

After getting the sensor to work. We worked with the lights, audio, and motor, and fabrication.


The Water Flow Metaphor

This week we looked into serial communications, and have our arduino and web work together. I took one of the sketch I had in previous ICM class, and manipulated it using an analog value.

Here’s the photo of my sketch, I controlled the water flow as the potentiometer turns on and off.

 

Let It Rain

I saw this really soothing, rain-pouring GIF and decided to rebuild it with code.

The construction process started with a single dot. Then I loop it to form a drop of rain. Then wrap it under an array with random width and height. Below is a contrast of 100 arrays versus 500. Though the higher array version looks closer to my reference, the render time it had was probably two times slower.

After finding a suitable count for the rain, I decided to add some random horizontal bars for the rain to interact, but did not succeed.

Full Code Here:
https://editor.p5js.org/shujuuu/sketches/HkBoADq5m

Blend in – Short Animation

The whole animation started when Tianyi saw this wonderful artwork. She then elaborated the artwork into a storyline.

After initializing our storyboard, we prepared the elements to be use in after effects. Most of the assets were hand-painted with watercolor since we aim for a mix media approach, combining traditional and digital art.

We divided the clips among ourselves so we can work individually and combine the clips afterwards. The three of us were able to play around on our own parts, adding personal preference and touch, while still keeping the storyline clear.

One cool experience we had together was the time we were asked to leave TISCH by the guard because it was over 12-midnight at that time. So we have to go to the library to continue our work.


Full Video Here
https://vimeo.com/user11728009/review/294075686/3191a6f368

Reconstruct Codes

We were asked to reconstruct our codes, make it cleaner and readable. I watched the youtube videos and take look into array and classes. I get so confused with the use of class, where to put them, where to reference, where to assign their parameters.

Full Code Here:
https://editor.p5js.org/shujuuu/sketches/ry6tRkf5X

Questions:
1. What is the purpose of class? Seems like we can do everything with functions and objects
2. When I input class, I get confused on where to put it, reference it, and call it.
3. How to transparency an image?