LOST AND FOUND
DESCRIPTION
"My lost object is a bracelet. It is a significant gift for my friends and me. Morphologically, it's enlongated and curve. But part of it feels a little bit rough like tree trunk. The other part feels smooth and cool. And the color is like gold, shines at night, and it's very light," as MoMo Gao described.
DESIGN PROCESS
After reading the desription from MoMo. I start from hand drawing to
visualize the image.
When I first transfer it to code, I start with drawing the basic
shape–––ellipse. And trying colors on it. As it is described, it shines
at night. I can imagine how it glows and and twinkles. So I decided to
use some animations to empasize on the characteristic, and to make it
more dynamic.
Then I experiment with different colorMode and blendMode to test the
color and different animation. The animation mainly presents the
transformation from rough to smooth, and from dark to shine.
Sketch #3 increases the feeling of roughness, by adding background
texture.
The next step I take is to add some interactive to emphasize on the
friendship. Hovering over the canvas will aplly text to it. Click will
start over. This emphasizes why the object is important to MoMo and her
friends. Since it is the symbol of their friendship. I have the word in
their native language Chinese, says "BFF".
The final version has simplified visuals. Hover on the canvas to apply
text, click to start over.
REFLECTION
The description is quite abstract to me. Without too much of detail. When I first draw the image by hand, I focus on figuring out the visual, without thinking too much about the bracelet's significance. And I find it to be a little diffcult to start bacause of lack of details and visuals. However, when I start to experiment using code. I find I have a lot of freedom to add my own interpretation and impression. I am able to think beyond the visual depiction. What is significant is actually their friendship. The bracelet is a symbol of their friendship, that's why it is so important to them. The most difficult part is making it both rough and smooth, and adding different color and glow to it. I wasn't given the imformation about the material, or how the color/texture was distributed. So I go with my first impression, and visual depiction that comes up in my mind when I first read the description. When I start code, I feel like it provides me more posibilities. Animation makes it "being rough and smooth" at the same time possible. You can see it changes from visible texture to smooth and shiny. The ever-changing color/form/texture is also a reflection of my interpretation of the object. The image in my mind keeps change without a fix form. Interaction makes it more emphasize on the friendship, and engage the user more. I throughoutly enjoyed doing the assignment, especially I go through the stages from text to hand-drawing to coding. I get a more directly sense of the differentce between these tools and their features.