Tag: Nature of code

Posted on

Nature of Code: Week 4 assignment–Moon(Candy)

Documented by: Candy Bi

Project name: Slope

Professor: Moon

Date: 3/12/2019

Description:

I made a solid slope for assignment 4 which would make the balls bouncing on it. The slope is made as a single line.

To create the effect of balls bouncing on a solid slope, I caculate the angle of the slope and add a force verticle to it to those balls. At first, I just check the position of the balls relevent to the slope and the balls seem to be half-inside the slope: 1.

To make it more natural, I put the “p.size” into my calculation: 2.

Then I make the balls transparent to make it looks prettier: 3.

Posted on

Kinetic Light Project One_Flip–Eric(Candy Bi)

Title: Flip (headphone)

Documented by: Candy Bi

Professor: Eric

Description:

Flip is developed upon the idea of fliping the direction of sound came into the two ears. For example, someone was standing on you left talking to you, rather than hearing his voice in you left year, you would feel like he is speaking on your right.

The inspiration of Flip is a “blindfold walking” experienment in class during which my partner was tring to judge the direction she is facing by listening to the sound surrounding. What if the the sound on the right comes into the left ear and the sound on the left comes into the right ear?

Continue reading “Kinetic Light Project One_Flip–Eric(Candy Bi)”

Posted on

Nature of Code: Week 3 assignment–Moon(Candy)

Documented by: Candy Bi

Project name: Rect Map

Professor: Moon

Date: 3/5/2019

Video: final version

While playing around with vector and object, I came up with the idea of making a map of rectangles that could have some interesting interactions with “mouse”.

I first make a map of reactangles using objects.

rect map

For better user experience, I change the opacity of background in draw function, so that each rect could leave some trails of moving.

Then I add the interaction of mousePressed–when the mouse is pressed, all the rects get random speeds and fly away.

I add another fuction of “addforce()”, in which I compare the mouse position and the position of each rect. By using this function, I successfully achieve the effect of rect would only move when the mouse hover on it.

HeartShape Image I drew. “Lily” text I wrote.

Posted on

Nature of Code: Week 1 assignment–Moon(Candy)

Documented by: Candy Bi

Project name: Drawing Board

Professor: Moon

Date: 2/19/2019

final（video version）

For this assignment, I started without an idea of what I want to do, rather I choose to experiment to see what I could get.

I start with a red background with some moving rectangles. I make the background transparent so that the three reactangles could leave trails.

I then draw a white ellipse that would move according to mouse:

1

For some improvments I use the “mouseIsPressed” to create the effect that only when user clicked there would be the white circle:

2

I suddenly came up with the idea to make th white circle a bouncing ball that would bounce whenever it touches the three rectangles. It turned out a failure.

I then shift to the idea of playing around with lines and this is what I got:

3

For better visual effect, I made the other side of the lines ramdom in a certain range ( inside the big rectangle the three black moving rectangles formed). It somehow gives the feeling of modern arts:

final