Spatial Media: Assignment2
February 12, 2013 — 1:43

Prototype : New Interaction 

 

Spacebrew

 

I decided to hack my previous processing project with slide-ranger of spacebrew example. My previous processing sketch generates random-animated patterns with different colors whenever user clicks on the sketch. I incorporated alide-ranger into this sketch, so that it lets slide-ranger to choose the color of next generated patterns.

 

Here are some screenshots of generated patterns, and I have a 30 sec video that demonstrates what I’ve done.

 

 

 

Small is Beautiful: Classwork1
February 10, 2013 — 23:50

 

After the first class of introduction on what STM is, I found atomilism very interesting. Since, I loved chemistry when I was in high school and college, I have some experienced knowledge of how atoms and molecules move. However, I never knew that small atoms could form beautiful typography.

My first impression on Atomilism is a new form of interdisciplinary art with science. With the technology of STM, it is great to see how scientists move around atoms and molecules to draw something, especially typography art. Today, it is often to see variable artists who use interdisciplinary study of technology and art. So, many engineers and computer scientists are encouraged to become artists through expressing knowledge as an art work. Atomilism is another method of turning scientists into artists.

This also can be seen as data visualization that not only represents a work of art but also plumbs some data and information. Atomilism is something that I like to explore more as the course passes, and hopefully I would like to learn how to make one on my own someday.

 

 

Above photo is my favorite one out of all atomilism projects in the STM gallery. This Japanese characters mean “atom.” The literal translation is something like “original child.” This example is a beautiful work of atomilism using typography.

Nature of Code: Assignment1
February 6, 2013 — 2:43

 

Here is my Processing sketch of Random Walk applied with Gaussian Distribution. Each step is connected to a current mouse position, and color of each step changes according to the mouse position; I used colorMode(HSB, height, height, height). My main purpose of this project was to apply mathematical concept to a method of drawing rainbow wave, perhaps rainbow lollipops since curves connected to ellipses look like a bunch of lollipops!

Screenshots

Code

 


Walker w;

void setup(){
size(800, 400);

w = new Walker();
background(0);

}

void draw() {

w.step();
w.render();

}

class Walker{
Random generator = new Random();

float prevX, prevY, x, y, randomNum;

Walker(){

//x = mouseX;
//y = mouseY;
x = random(50, width-50);
y = random(50, height-50);
colorMode(HSB, height, height, height);
}

void render(){
stroke(255);
//noStroke();
//point(x,y);

//line(prevX, prevY, x, y);

curve(x, y, x, y, mouseX, mouseY, mouseX-20, mouseY-20);
float mappedR = map(mouseX, 0, 800, 0, 255);
// fill(255, 255-mappedR, 255-mappedR);
fill(mouseY, height, height);
ellipse(x, y, 15, 15);

//line(prevX, prevY, x, y);

}

void step(){

//prevX =x;
//prevY =y;

float stepx = random(-1, 1);
float stepy = random(-1, 1);

float randomNum = (float)generator.nextGaussian();
//randomNum = montecarlo()*50;
stepx *= 10+randomNum;
stepy *= 10+randomNum;

x+= stepx;
y+= stepy;

//Stay on the screen
x = constrain(x, 0, width-1);
y = constrain(y, 0, height-1);

}

float montecarlo() {
while (true) {

float r1 = random(1);
float probability = pow(1.0 - r1,8);

float r2 = random(1);
if (r2 < probability) {
return r1;
}
}
}

}

Spatial Media: Assignment1
February 6, 2013 — 2:32

 

Spatial Media presentation

Here is the screenshot for connecting two applications in Spacebrew. I have connected a testslider with Javascript, and a button with Processing. I’ve also changed Processing code little bit to pass more string variables like red, green, and blue.

Comm Lab: 2D Design week 6
December 12, 2012 — 4:06

For this project, I was inspired by Piet Modrian.

I wanted to create a Processing generator that creates random patterns with a combination of two different colors. A user can re-generate patterns with new colors by clicking.

 

Here is a video of a series of patterns of colors that I generated.

 

 

Also, I have related project, created for Web final.

ColorCalendar

 

PhyCom: Final
December 11, 2012 — 2:51

AR GAME




Web: Final
December 11, 2012 — 2:48

Everyone holds different perceptions of color. With these individual interpretations, people tend to subconsciously use colors to express their daily emotions. I wish to record and visualize human emotions with utilizing color and technology as mediums. Integrating the two, I aim to create a personal archive of daily emotions. I interpret this archive as a form of self-portrait or diary, since different interpretations of color represent unique identity and character.

 

On this website, a user can simply register for a username, and use it for coloring daily moods. Users are allowed to choose a color that corresponds to daily mood, and store it with comments and date. Then, they can view all the stored colors and comments and a stack of stored colors.

 

Color Calendar

 

Comm Lab: 2D Design week5
December 5, 2012 — 4:16

Baskin Robins 

I’ve enjoyed Baskin Robins since I was a kid, and the logo looks very familiar to me. Most people would recognize what 31 stands for Baskin Robbins. 31 literally means that they would provide customers different taste of ice cream on each day of a month.

History of Baskin Robins Logo

Old Logos

Latest Logo

Another Fun Logo

ITP Logo

Comm Lab: 2d Design week4
November 28, 2012 — 18:59

Business Cards

For this week’s assignment, I tried to make a business card that really identifies me.

Since I am a programmer, I tried to capture my job as a programmer and my personality in the card.

As a programmer, I get to hurt my eyes a lot since I have to spend a lot of time watching computer screens. Besides that,

I have worn glasses since I was in 4th grade. Therefore, I decided to use glasses as my design.

After consideration, I got my final design.

 

With this design, I cut through the glasses so that it looks like real glasses.

 

Comm Lab: 2D design week3
November 21, 2012 — 2:34

Part 1: Define yourself by your choice in typography.

PDF:

Ju Young Park in 6 different fonts

 

Power Point:

Ju Young Park in 6 different fonts

 

 

 

Part 2. Create 3 expressive words

« Previous PageNext Page »