Month: August 2018

Jenna Kim (Jeeyoon Kim)- Project 1- Self Portrait

jennakim.js

/*Jenna Kim (Jeeyoon Kim)
Section E
jeeyoonk@andrew.cmu.edu
Project-01
*/


function setup() {
    createCanvas(600, 600);
    background(173, 222, 223);
}

function draw() {
    //hair
    noStroke();
    fill(147, 127, 114);
    ellipse(375, 260, 397, 472);
    fill(147, 127, 114);
    ellipse(184, 512, 122, 122);
    fill(147, 127, 114);
    rect(180, 240, 65, 271);
    fill(147, 127, 114);
    rect(461, 242, 111, 356);
    fill(147, 127, 114);
    quad(154, 113, 176, 66, 275, 66, 231, 119);
    fill(147, 127, 114);
    quad(214, 42, 250, 23, 293, 66, 255, 90);
    fill(147, 127, 114);
    arc(180, 401, 96, 96, 0, PI, OPEN);
    fill(147, 127, 114);
    arc(180, 353, 50, 50, 0, PI, OPEN);

    //face&body
    noStroke();
    fill(250, 199, 199);
    ellipse(365, 285, 369, 439);
    fill(250, 199, 199);
    triangle(374, 305, 205, 598, 544, 598);

    //ears
    noStroke();
    fill(250, 199, 199);
    ellipse(172, 261, 81, 88);
    fill(250, 199, 199);
    ellipse(550, 249, 81, 88);

   //earrings
   noFill(0);
   strokeWeight(3);
   ellipse(555, 276, 200, 200);
   stroke(300);
   noFill(0);
   strokeWeight(3);
   ellipse(167, 285, 60, 60);
   stroke(300);

   //mustache
   noStroke();
   fill(0, 0, 0);
   rect(307, 328, 88, 26);

   //upper teeth
   noStroke();
   fill(300, 300, 300);
   rect(291, 370, 26, 26);
   fill(300, 300, 300);
   rect(325, 370, 26, 26);
   fill(300, 300, 300);
   rect(358, 370, 26, 26);
   fill(300, 300, 300);
   rect(392, 370, 26, 26);

   //lower teeth
    noStroke();
   fill(300, 300, 300);
   rect(307, 401, 26, 26);
   fill(300, 300, 300);
   rect(337, 401, 26, 26);
   fill(300, 300, 300);
   rect(368, 401, 26, 26);

   //nose
   noStroke();
   fill(241, 96, 97);
   triangle(366, 213, 365, 305, 275, 304);

   //nose holes
   noStroke();
   fill(300, 300, 300);
   ellipse(345, 270, 30, 30);
   fill(300, 300, 300);
   ellipse(310, 288, 10, 10);

   //eyes
   noStroke();
   fill(241, 96, 97);
   ellipse(291, 217, 82, 82);
   fill(241, 96, 97);
   ellipse(432, 205, 100, 100);

   //sunglasses
   noStroke();
   fill(0, 0, 0);
   ellipse(291, 217, 67, 67);
   fill(0, 0, 0);
   ellipse(432, 205, 84, 84);
   rect(305, 205, 81, 11);

   //eyelashes
   noStroke();
   fill(241, 96, 97);
   rect(287, 162, 3, 20);
   fill(241, 96, 97);
   rect(425, 125, 3, 31);

   }

I loved how this project summed up everything we learned this week; it gives me an opportunity to review everything. There are many aspects I learned about coding from this project, but most of all, I learned that it is crucial for me to put in the right code all the time. One small incorrect code can change everything.

Min Jun Kim – Looking Outwards 1

The computer generated art that inspired me would have to be fractal art. A fractal is defined to be a geometric figure or a curve that is infinitely self-similarly detailed and recursive. It is a mathematical set that when graphed or when processed on a computer can create intricate and beautiful patterns. The video that is linked above is a very good example of a fractal in action.
The reason that fractals have always intrigued me is because I’ve always imagined that life itself have been a sort of a fractal, that is infinitely intricate and recurring. When well-known people and scientists claimed that they believed in the simulation theory, I couldn’t help but think of the fractal. I truly admire that fact fractal art is a truly mathematical and naturally occurring beauty. Typically, I am not too intrigued by numbers, but the border where math meets art is a topic that has always interested me. The artwork that are displayed as images below are art that mathematicians have developed as numbers then displayed by an image processor.
Usually, these are produced by one person, and I can imagine that they have all been inspired by the original, Mandelbrot set which I believe was the first fractal to be discovered. The only thing that I would improve about the art if I could would be that these art forms are too purist, and it would be impressive if these fractals were used in more creative ways to encompass more art-forms. That would include creating fractals out of real images or incorporating fractals into other genres or types of art.

This is a fractal art that is drawn by Julian.
This is a fractal art that is designed by Kerry Mitchell.

Sources:
https://en.wikipedia.org/wiki/Fractal_art#Artists
https://en.wikipedia.org/wiki/File:Julian_fractal.jpg
http://gallery.bridgesmathart.org/exhibitions/2015-bridges-conference/lkmitch

Min Jun Kim Project 1 Face

sketch

"Min Jun Kim"
"15-104 B"
"minjunki@andrew.cmu.edu"
"Project 1"

function setup() {
    createCanvas(600, 600);
    background(0,24,160)
}

function draw() {

    fill(233,194,167)
    strokeWeight(0);
    ellipse(300,300,400,500)

    fill(255,255,255)
    rect(350, 250, 70, 30, 30, 50, 30, 30);


    fill(255,255,255)
    rect(190, 250, 70, 30, 30, 50, 30, 30);
'eyes'
    fill(12,12,12)
    ellipse(225,267,10,10)

    fill(12,12,12)
    ellipse(380,267,10,10)

    fill(230,170,150)
    quad(300, 380, 400, 330, 400, 330, 300, 320);

    fill(12,12,12)
    rect(180,220,90,10)

    fill(12,12,12)
    rect(340,220,90,10)

    fill(244,187,172)
    quad(240, 425, 280, 500, 350, 500, 400, 425);

    fill(255,255,255)
    rect(250,425,134,20)

'hair'
    fill(12,12,12)
    quad(145, 90, 275, 50, 450, 90, 300, 150);

    fill(12,12,12)
    quad(200, 200, 288, 36, 450, 90, 300, 150);

"ears"

    fill(233,194,167)
    quad(116, 200, 100, 330, 35, 210, 35, 210);

    fill(233,194,167)
    quad(483, 200, 500, 330, 550, 210, 550, 210);
'ears'

'earrings'
    fill(12,12,12)
    ellipse(95,320,10,10)

    fill(255,255,255)
    ellipse(500,320,10,10)
    }
'earrings'

When I first started with Assignment 1, I found it fairly difficult to get the size and coordinates correct. But as I got more and more used to it the Project became easier as time went. I’ve decided to go with a more modern and pop look for my self-portrait so I’ve chosen colors that popped to the eye. I’ve also incorporated a lot of pointed shapes to add to the ‘pop’ look that I was going for. That meant a lot of usage of the quad and simple geometric shapes. I’ve also set the strokeWeight to be zero to add a more natural feel to the portrait. All in all, the project got me more comfortable with the draw function that includes shapes and colors.

Kai Zhang-Project-01-Face

kaiz1-project01

//Kai Zhang
//Section B
//kaiz1@andrew.cmu.edu
//Project-01

function setup() {
    createCanvas(600, 740);
    angleMode(DEGREES);
    background(80);
    text("Kai Zhang | Carnegie Mellon University", 10, 15);
}

function draw() {
    scale(0.75);
    fill(255);

    strokeWeight(5);
    stroke(180);
    point(20, 300); 
    point(40, 300);
    point(60, 300);
    point(80, 300);
    point(100, 300);
    point(120, 300);
    point(140, 300);
    point(160, 300);
    point(180, 300);
    point(200, 300);
    point(220, 300);
    point(240, 300);
    point(260, 300);
    point(280, 300);
    point(300, 300);


    strokeWeight(0);

    rect(0, 20, 800, 5);
    rect(0, 40, 800, 5);
    rect(0, 60, 800, 5);
    rect(0, 80, 800, 5);
    rect(0, 100, 800, 5);
    rect(0, 120, 800, 5);
    rect(0, 140, 800, 5);
    rect(0, 160, 800, 5);
    rect(0, 180, 800, 5);
    rect(0, 200, 800, 5);
    rect(0, 220, 800, 5);
    rect(0, 240, 800, 5);
    rect(0, 260, 800, 5);
    rect(0, 280, 800, 5);
    

    beginShape();
    curveVertex(800, 0);
    curveVertex(800, 0);
    curveVertex(350, 0);
    curveVertex(220, 50);
    curveVertex(193, 115);
    curveVertex(223, 177);
    curveVertex(272, 200);
    curveVertex(236, 259);
    curveVertex(223, 353);
    curveVertex(243, 436);
    //eyes

    curveVertex(183, 539);
    curveVertex(140, 606);
    curveVertex(197, 642);
    curveVertex(254, 652);
    //nose

    curveVertex(240, 717);
    curveVertex(287, 752);
    curveVertex(279, 780);
    curveVertex(285, 807);
    //mouse

    curveVertex(334, 825);
    curveVertex(359, 935);
    curveVertex(436, 950);
    curveVertex(640, 850);
    curveVertex(700, 830);
    curveVertex(740, 1000);
    curveVertex(800, 1000);
    curveVertex(800, 1000);
    //chin

    endShape();


    push()
    fill(78, 84, 205);
    stroke(78, 84, 205);
    translate(250, 460);
    rotate(-8);
    ellipse(0, 0, 60, 210);
    
    strokeWeight(10);
    line(0, 0, 500, 0);

    fill(255);
    strokeWeight(0);
    ellipse(500, 25, 100);

    
    translate(0, 40);
    fill(255);
    strokeWeight(2);
    stroke(160);
    arc(500, 150, 20, 20, 0, 270)
    fill(160);
    triangle(500, 150, 510,190, 490, 180);
    pop()


    noFill()
    stroke(0)
    strokeWeight(3)
    quad(20, 20, 780, 20, 780, 980, 20, 980)
    quad(30, 30, 740, 60, 700, 900, 60, 940)
    quad(40, 40, 700, 100, 620, 820, 100, 900)
}

When I tried to create the portrait of myself, instead of clustering a bunch of simple geometries for it, I was rather fascinated by the ability of Java Script that makes it possible to use curves as an visual representation. As the first step, I used the curve commend to outline the contour of my face from the side. Then I used several other primatives, including rectangles, quads, arc, dots, ellipses, triangles, words, etc., for the decoration of the imagery, so it looks even like a magazine.

Mimi Jiao Looking Outwards 1

Cooper Hewitt Smithsonian Design Museum’s Pen system was the first time I became actively aware of the design of the museum itself. By implementing its pen throughout the museum, it brings technology into a museum setting, and enriches and extends the overall experience.

The project was commissioned by Cooper Hewitt to implement visitor technology. Many teams, both domestic and international, including Local Projects and Sistelnetworks, were involved in the making of the pen. Designers as well as engineers, computer scientists, and manufacturers helped bring this to reality. To my knowledge, the technology used did not use much off-the-shelves software. The pen operates based on an embedded sensor that reads NFC tags throughout the museum. This technology is available the general public and is available on Android phones and many other products.

The Cooper Hewitt focuses on current and upcoming designed artifacts, with many exhibitions showcasing works that integrate technology and coding with the product/experience. By introducing this pen, that aspect of Cooper Hewitt’s identity is reinforced. In addition, it adds a playfulness to the experience, making it friendly for kids and adults alike. The part that impressed me the most about this design is that it brings power to the user and gives them the opportunity to revisit the museum remotely. Peripheral to the pen, interactive screens on tables were also implemented to push visitors to be become more hands on with design. These screens allowed people to design their own objects, giving them the freedom to manipulate form, material, context, and color. It has brought museum-going into the digital dimension, and has set a precedent for this type of experience.

For more information, visit Cooper Hewitt

Eliza Pratt – Looking Outwards 01

 

Limbo is a puzzle-based video game developed by a small, Denmark-based studio known as Playdead. Beginning in a dark forest without any introduction or tutorial, the game details the terrifying challenges of a young boy as he travels through “the edge of hell.” Though I rarely show interest in video games and get motion sickness from 3D animations, I fell in love with the minimalist nature of this game and its stunning 2-dimensional visuals. With eerie, film-noir style graphics and intuitive controls, Limbo has influenced both my own artistic style as well as my admiration for interactive media design.

A shot from one of the most nail-biting puzzles depicts the player attempting to survive a spider attack. The highly stylized design and lack of visible controls keeps the player fully immersed in the game.

Starting as a one-man project by concept artist Arnt Jensen in 2004, the game development expanded to a team of 16 by the time of its release in 2010. Much of the artistic direction and concepts for Limbo derived from Jensen’s admiration for the film noir genre and his desire for minimalistic controls. The absence of text, arrows, and buttons keep you fully immersed in the game and encourage the user to decipher the platform on their own. While the original designs were created using Visual Basic, the team moved to Visual Studio during the development process. After overwhelming success following the game’s release, Playdead expanded to a company of 35 programmers and designers and has released its second game, Inside, which has received even greater praise.

Sources:
Playdead
Wikipedia

Jaclyn Saik Looking Outwards 01

Viewers wade into a pool of moving water and watch the projection around them

I have always been drawn to interactive art that is set up to transform entire spaces and redefine the audience’s sense of reality while experiencing the installation. The Japanese company teamLab, who has created a lot of popular interactive art installations and who I’ve seen pop up periodically in my newsfeed, created an interactive koi pond display that looks very interesting and complex. The viewer first walked into a pool of calf-high moving water, surrounded by darkness and mirrors so it appears never ending, and then watches as koi fish (light projections) dart around them and change speeds, crashing into their legs and exploding into an array of flowers.

The koi fish projection changes speed. Paired with the dark setting and mirrored walls, the paths of light appear infinite.

teamLab created this installation for the “Odaiba Minna no YUME-TAIRIKU 2016” festival in Tokyo, and works as a way to celebrate Japanese culture.

What I found especially interesting about this artwork is that the technical aspects of it are all geared towards teamLab’s “Body Immersive” space idea, this philosophy of work focuses on making ” the boundaries between the viewer and the work become more abstract.” I think light projections are a clever way to do this, since playing and restricting your ability to see highlights the interaction that the user can have with the projections.

Although stylized, the koi are highly detailed.

As far as how this system operates, the creators keep most of their information to themselves. Based on my little knowledge of using computer science in interactive art, I’m guessing this system uses spacial or motion sensors to detect where people are within the space, and then run a complex that can project these schools of koi fish swirling around the users and occasionally crashing into them. I would love ot one day be part of creating artwork where the code responds to a person’s movements and actions while they do something natural (rather than directly interact with a machine).

Mimi Jiao Face Project

not sketch

function setup() {
    createCanvas(500, 650);
    background(255,225,0);
}

function draw() {
	/*noFill();
	stroke(0);
	curve(200,0,200,0,400,180,342,300);
	*/

	//hair
	fill(255,0,0);
	noStroke();
	rect(100,300,300,400);
	fill(255,0,0);
	rect(350,265,50,400);
	

	//neck
	noStroke();
	fill(255,78,78);
	rect(210,400,80,100);
	fill(0,0,255);
	ellipse(250,420,120,120);
	fill(255,0,0);
	rect(130,400,80,100);
	fill(255,0,0);
	rect(290,400,80,100);

	

	//face
	noStroke();
	//fill(255,0,0);
	fill(255,78,78);
	ellipse(250,300,300,300);


	//turtleneck
	fill(0,0,255);
	rect(200,490,100,30);
	fill(0,0,255);
	quad(200,520,300,520,450,620,50,620);
	fill(0,0,255);
	rect(50,620,400,100);


	//bangs
	fill(255,0,0);
	//curve(5, 26, 5, 26, 200, 240, 200, 240);
	
	arc(398, 180, 450, 190, HALF_PI, PI, CHORD);
	arc(250, 275, 300, 280,PI+QUARTER_PI,TWO_PI,CHORD);
	arc(250, 275, 300, 280,PI+QUARTER_PI,TWO_PI,CHORD);
	rect(350,265,50,280);
	arc(170, 300, 140, 280,PI,PI+HALF_PI,CHORD);
	//arc(140, 250, 40, 230,TWO_PI,TWO_PI+PI+HALF_PI,CHORD);
	rect(100,290,50,240);
	/*fill(0);
	stroke(20);
	point(180,200);
	point(150,290);
	point(100,290);
	point(155,170);
	*/
	quad(180,200,150,290,100,290,155,170);
	rect(155,179,25,25);

	//eyebrows
	fill(0);
	stroke(30);
	point(165,290);
	point(179,280);
	point(225,288);
	point(275,288);
	point(321,280);
	point(335,290);
	noFill();
	stroke(0,0,255);
	strokeJoin(ROUND);
	strokeWeight(10);
	beginShape();
	vertex(165, 290);
	vertex(179, 280);
	vertex(225,288);
	endShape();
	beginShape();
	vertex(275,288);
	vertex(321,280);
	vertex(335,290);
	endShape();

	//eyes
	point(184,310);
	fill(0,0,255);
	ellipse(195,315,45,20);
	noStroke();
	fill(255,255,0);
	ellipse(195,319,50,23);
	fill(0,0,255);
	ellipse(199,317,25,25);

	stroke(0,0,255);
	fill(0,0,255);
	ellipse(306,315,45,20);
	noStroke();
	fill(255,255,0);
	ellipse(306,319,50,23);
	fill(0,0,255);
	ellipse(310,317,25,25);

	//nose
	noStroke();
	fill(255,0,0);
	triangle(250,325,240,375,270,375);

	//mouth
	noFill();
	stroke(255,0,0);
	arc(255,395,70,10,0,PI,OPEN);

}

Lately neon and saturated bright colors have appealed to me a lot, so I used my current favorite colors to create a self portrait.

Vicky Zhou Project_01

sketch

/*Vicky Zhou
Section E
vzhou@andrew.cmu.edu
Project-01
*/

function setup() {
    createCanvas(600, 600);
    background(247, 204, 70, 90);
}

function draw() {

	noStroke();

	//hair
	fill(33, 3, 3);
	ellipse(300, 320, 340, 305);
	ellipse(300, 165, 100, 100);

	//face
	fill(238, 204, 175);
	ellipse(300, 330, 275, 275);

	//shoulders
	fill(171, 121, 59);
	rect(100, 500, 390, 290, 90, 90, 0, 0);

	//cheeks
	fill(228, 158, 104);
	ellipse(210, 390, 60, 60);
	fill(228, 158, 104);
	ellipse(390, 390, 60, 60);

	//mouth
	fill(211, 96, 78);
	ellipse(305, 420, 90, 30);
	fill(238, 204, 175);
	ellipse(305, 405, 70, 25);

	//ears
	fill(238, 204, 175);
	ellipse(165, 350, 50, 65);
	fill(238, 204, 175);
	ellipse(435, 350, 50, 65);

	//nose
	fill(204, 180, 149);
	rect(285, 380, 40, 15, 20);

	//bangs
	fill(33, 3, 3);
	arc(300, 240, 220, 110, HALF_PI + QUARTER_PI, TWO_PI + QUARTER_PI);

	//eyebrows
	fill(111, 97, 80);
	rotate(radians(340));
	ellipse(120, 370, 60, 25);
	fill(111, 97, 80);
	rotate(radians(40));
	ellipse(445, 160, 60, 25);

	//eyes
	fill (255, 255, 255);
	ellipse(350, 250, 30, 30);
	fill(255, 255, 255);
	ellipse(460, 210, 30, 30);
	fill(34, 4, 4);
	ellipse(350, 250, 19, 19);
	fill(34, 4, 4)
	ellipse(460, 210, 19, 19);



	

}

Sharon Yang Looking Outwards – 01

The computational art project that caught my eye was on Facebook as I was scrolling through the feed. The artist Antoni Tudisco expresses humor through food made into human figures and the comical dance movements of the figure. I admire the creativity in his way of expressing humor; the sense of satisfaction and excitement engendered from eating or seeing the food is delivered. Tudisco also incorporates the trending as well as comical dance movements programmed highly realistically.

A post shared by Antoni Tudisco (@antonitudisco) on

You can also see irony in the videos in which the human figure does workout movements with the food, chicken drumsticks and such. The audience can relate to the irony in his artworks as most of us cannot resist these snacks and attempt to recover from the loss of self-control through exercising afterwards. Tudisco comically expresses this through his art pieces with amazing techniques and details in the dance movements and the images of food.

A post shared by Antoni Tudisco (@antonitudisco) on

Antoni Tudisco first got interested in photo editing as he created his own profile picture in MySpace when he was 13. He learned photo editing with Photofiltre and Gimp. At the age of 16, I established a clothing line named “Manila apparel” and sold t-shirts and hoodies with his own designs on them. He taught himself to use digital tools such as Adobe Palette as he started exploring 3D computational art.

Tudisco says his inspiration was and still is his own life. His childhood was strongly influenced by the 90’s cartoons like Ninja Turtles, Power Rangers and VoltesV and as time went on, he started to develop his own style in Illustrating.

He has many clients around the world, mostly big brands including Nike, MTV and Balenciaga. I believe the project points at a bright future for creative 3D arts and the artist Tudisco. Tudisco, being the ambitious and passionate artist that he is, wants to build his own empire and his own brands and ad agency. He encourages to other artists to be themselves to express their creativity and develop their own styles and follow their dreams.