Project #4 Exquisite Corpse

Description

Description I reseived

The exact paragraph that I copied from assignment describtion.

Exquisite corpse is a surrealist technique where players take turns to draw a portion of a figure while not being able to see what has already been drawn by other players. The drawing gets revealed at the end, which tends to create surprising and unexpected forms and narratives. For Assignment 4, you will first design a human or non-human figure that has a head, an upper body, and a lower body. You can choose the orientation of the figure you draw (portrait or landscape.) You will exchange different body parts with your peers during the lab session, and transfer the exquisite corpse drawing into code using functions. You are welcomed to incorporate motion, interaction, and animation into the final output. This is a collaborative assignment. The assessment of the assignment is not dependent on the work your partner completes. Your work will be evaluated based on the code you produce and reflections you write.

Describtion for my Exquisite Corpse

This is a drawing of Todd and Mia walking in between the dimension. Todd is insecure about the missing top part of his head, so he wears a hat Mia found for him (the hat is interactive). Todd gives Mia a fruit that he found in return for Mia's kindness. (Mia is also interactive)
For this project, I didn't import any photo into p5, I drew it by myself using curveVertex, vertex, ellipse, and rect.

A new background story

Todd and Mia on a journey. Todd is a tree that walks, and Mia is an unknown creature that lives inside Todd. No one knows why, how, and where they are going. There’s a rumor that Todd was one of the trees growing on the sacred mountaintop. One day Todd just came to life and walked down the mountain with the top of his head chopped off and a weird little creature in the hole that suddenly appeared on his body. Some say that they were originally human, being turned into that form for some strange reason, and they are on their journey to find a way to turn back into humans. 

Design sketches

The testing feild

(A lot of testing, not working, confusing, and discarded code within... )

My First Design

Drawings that I've receive

Christine -- Soebin Park -- Gabby Gruvman

Christine Chang - Background Story

Todd and Mia. Todd is a walking tree, Mia is a little creature that lives inside Todd. They are friends on a journey of finding the “unspokenable” to bring them back into human form.

Seobin Park - Background story

The name of this character is BIBI who is essentially a bunny but with a snake’s body. She likes to fly and jump around the sky, and sometimes get stuck inside the clouds. She has a super power which can grow plants and flowers from her body.

Gabby Gruvman - Background Story

This is Theo the snowman. He got stuck outside after being built by some kids when it snowed. The next day, since he couldn't move after it snowed, he has no choice but to melt in the sun

My design sketch process

(from left to right)
The first one is the combination after the discussion with my teammate. We each take a part from other people's drawings. I kept Mia because I think she's so cute.

I came up with the second design of thinking to include all parts as I could, with BIBI's pointy leg and the button she had. I also keep the nose and hat from Theo because I like those elements.

I don't really like the design for the legs so I changed it a little bit, I was going to make Todd kind of melty because of the snowman add on but since BIBI and Todd are all a sort of plant, I decided to make Todd into a tree formed creature. I was going to make Todd kind of melty because of the snowman add-on.

After a few bit of refinement, the final sketch was Todd having part head chopped off, holding Mia's food, and carrying the luggage. I really like this final design and sketch.

Side by side comparison of sketch and final render

Reflection

Assignment reflections

In this assignment, I really had fun creating the image and drawing, I don’t know why I use all coding language to draw this, but I ended up doing so, and I think I have a general better understanding of how coding works now. For all my projects before, I used shapes very heavily, but in this assignment, I tried to use curveVertex and vertex to draw. I feel like I can pretty much draw anything I want now! I especially found a cheating way of typing the code. (As the image shown below)

By using this code, with one click of mouse, I can make the XY show by only one time and I can just copy what’s in the console log and easily draw with it. (This might not be the discovery of the century, but I'm truly proud of myself for writing it, it really makes my life a lot easier) I wrote this code when I was trying to do something with even and odd numbers, and now the function is to print x and y. I know I can shorten it, but I want to keep its function of defining even and odd numbers.
One thing that I would like to reflect on is that I think I spent too much time drawing it, this time I wrote over 1000 lines of code, maybe some can be shortened, but the truth is that I kind of wasted a lot of time on being too serious on small details. Another thing is that I think the overall color tone is a little bit too dark. Since I have my p5js setting at dark, it makes the color brighter, and so when it is displayed on a white background, it looks a little bit too gray. (But I personally really like the colors)

What I have learned (coding language)

* console.log(`vertex(${variable}, ${variable});`);
* beginShape(LINES, LINE);
* endShape();
* color(R, G, B);