Category: ICM

Basically, my idea is to make a wheel of fortune. Since at first, I assume our PComp and ICM final projects should be combined together for our winter show.

I didn’t write the code through website but it’s in my laptop, so I recorded a short video.

My wheel of fortune works like this: it rotates as we activate it, and it stops when we press the mouse (or press another key, still adjusting).

And my p5 is connected with my arduino, which controls the Servo. Only PINK, ORANGE and BLUE will activate the Servo to rotate, which brings different colors of sugar into my cotton candy machine. And other colors will lead to nothing.

If the right color is activated, it will pour the sugar into the machine, and my Cotton Candy machine will start to work.

The Servo will pour different colors of sugar into the machine, and people who activated it can make cotton candy themselves.

Right now I only have this draft version of both my p5 and arduino codes. I’ll add more decorations and functions to my p5, like I may activate the camera so that people can see themselves’ faces at the center of the wheel – which may be a good way to attract people. And I’ll add music to make the wheel more like a casino game. Also, I’ll define different colors different meanings, so even if people can’t get the change to make cotton candy, it will be less boring.

 

Since I’m not good at drawing, I designed a very simple scene:

It’s still hard, cuz I need to calculate the slope of the umbrella to make it compatible.

When I finished drawing, it’s like this:

I realized that I need to fill in the color of the window (make it translucent like glass). And I designed it as a rainy day, so there should be lightings outside, and we can pull the curtain to get rid of it.

Also, because it’s raining outside, and I just came back home, so my umbrella should be wet.

I thought it’s all set, but then I realized that if we pull the curtain, the room will turn dark. So I added a map to achieve that effect, to add little grayish color to the room, and also adjust the transparency of the umbrella, so it would be like the same when the room gets darker.

Finally, my work is like this:

I don’t know why the gif doesn’t work.

The sketch link is here: https://alpha.editor.p5js.org/projects/BJqawCa3

As a liberal arts student, I always thought computation is far from my life. When I first saw “Javascript” in the “Language” part of my sister’s resume, it was surprising to me because I never realize that computation could be considered as a kind of language. My undergrad major was Chinese language and literature, and I’m always interested in exploring various ways to convey my ideas. I love beautiful languages, and I think that is the initial reason why I became interested in computing.

It should be a computational project which made this term. And I like the animation Renaissance from the Inspiration page, it seems both realistic and artistic.

When I was creating my sketches, based on what I drew during class (a sunset on mountains), I tried making gradient color for the background to make the image more artistic. It reminded me to my experience when I was a Sophomore, learning an off-campus bartender class. There’s a classic cocktail Tequila Sunrise, and it asked us to make reddish orange color by using orange juice and grenadine syrup. I’m fascinated by the color magic so I wish to do the achieve the same effect through Javascript.

(I need to calm down after seeing my peers’ excellent homework)

But it was hard for me to accomplish it without knowing deeper languages. I found most things I need from the reference page, but I think I could make it better. Finally I made it very simple like a child’s drawing – just as the same level as my javascript. I tried using both web editor and the software P5.js, they worked in the same way but I prefer using the software, because I would feel safer editing something on my own computer, instead of editing it through internet.

Here’s the link of what I drew: http://www.lintanxi.com/Stanlyn.Lu-week1/

And here’s the link of my sketch: https://alpha.editor.p5js.org/projects/BkShKHd3