Uncategorized – Page 18 – [OLD FALL 2020] 15-104 • Introduction to Computing for Creative Practice

Another code post

This is a project I worked on.

function setup() {
    createCanvas(200, 200);
    background(220);
    text("p5.js vers 0.9.0 test.", 10, 15);
}

function draw() {
	background(204);
	ellipse(50, 50, 80, 80);
}

Project 1-My Self Portrait

rachell-portrait

//Rachel Lu
//15-104 A

function setup() {
    createCanvas(600, 600);
    background('#fed176');
    text("p5.js vers 0.9.0 test.", 10, 15);
}

function draw() {

	background('#fed176');
	
	//hair back
	fill(0);
	rect(140, 350, 335, 127);

	//head
	fill('#fcdac3');
	noStroke();
	ellipse(width/2, height/2, 300, 275);

	//nose
	fill('#f89a63');
	ellipse(300, 350, 20, 10);

	//nosering
	stroke(150);
	strokeWeight(2);
	line(307, 351, 307, 354);

	//cheeks
	fill('#e4848c');
	noStroke();
	ellipse(225, 370, 30, 15);
	ellipse(375, 370, 30, 15);

	//glasses
	noFill();
	stroke(0);
	strokeWeight(4);
	ellipse(225, 320, 100);
	ellipse(375, 320, 100);
	arc(300, 320, 50, 15, PI, TWO_PI);

	//eyes
	arc(225, 330, 20, 10, PI, TWO_PI);
	arc(375, 330, 20, 10, PI, TWO_PI);

	//mouth
	arc(300, 380, 20, 10, 0, PI);

	//hair
	strokeWeight(50);
	arc(285, 460, 305, 600, PI, PI+HALF_PI);
	arc(315, 460, 305, 600, PI+HALF_PI, TWO_PI);

	//ears
	fill('#fcdac3');
	noStroke();
	ellipse(160, 325, 40);
	ellipse(440, 325, 40);

	//earrings
	stroke(150);
	strokeWeight(2);
	ellipse(160, 355, 3, 30);
	ellipse(440, 355, 3, 30);

	//glasses
	noFill();
	stroke(0);
	strokeWeight(4);
	ellipse(225, 320, 100);
	ellipse(375, 320, 100);
	arc(300, 320, 50, 15, PI, TWO_PI);

}

This is a self portrait, roughly drawing inspiration from Animal Crossing avatars. The features I found defining of me are my glasses and piercings, so I had to include those.

My Project 1

This is an example of the project I designed last week.

mirieproject1

//Mirie Kim
//Class Section: A

function setup() {
    createCanvas(300, 300);
    background(220);
    text("p5.js vers 0.9.0 test.", 10, 15);
}

function draw() {
	background(119, 220, 158);

	//hair
	fill(70, 21, 27);
	noStroke();
	ellipse(150,148,176,200);
	rect(62,148,176,140);

	//ears
	noStroke();
	fill(255, 209, 178);
	circle(70,163,25);
	circle(235,163,25);
	fill(243, 190, 176 );
	circle(70,163,12);
	circle(235,163,12);

	//head
	fill(255, 209, 178); 
	noStroke();
	ellipse(150,148,165,175);

	//bangs
	fill(70, 21, 27);
	stroke(70, 21, 27);
	line(63,145,200,75);
	line(170,90,237,145);
	triangle(80,100,145,60,100,70);
	quad(65,145,75,100,150,50,200,75);
	quad(170,90,235,145,220,90,200,70);
	noStroke();
	triangle(130,100,115,132,175,90);

	//eyes
	fill(255);
	stroke(0);
	strokeWeight(3);
	ellipse(115,155,45); 
	ellipse(185,155,45);

	//pupils
	noStroke();
	fill(70, 21, 27);
	ellipse(115,147,26);
	ellipse(185,147,26);
	fill(255);
	ellipse(120,142,10,10);
	ellipse(190,142,10,10);
	fill(0);
	ellipse(115,147,8); 
	ellipse(185,147,8);

	//eyelashes
	stroke(0);
	strokeWeight(2.5);
	line(87,159,92,159);
	line(86,154,92,155);
	line(86,149,92,151);
	line(209,159,214,159);
	line(214,154,208,155);
	line(214,149,208,151);

	//smile
	noStroke();
	fill(245, 127, 141);
	ellipse(150,195,30,50);

	fill(255, 209, 178);
	rect(90,160,130,27);
	
	//nose
	fill(245, 175, 127); 
	triangle(150,155,145,174,155,174); 
	
	//cheeks
	fill(245, 177, 187);
	ellipse(100,177,40,15);
	ellipse(200,177,40,15);
	
	//glasses
	noFill();
	stroke(0);
	strokeWeight(3);
	ellipse(113,150,60,57); 
	ellipse(187,150,60,57);	
	line(217,150,237,145);
	line(83,150, 63,145);
	line(143,157,157,157);



}

Project 1: Self Portrait

portrait

function setup() {
    createCanvas(800, 800);
    background(132);
}

function draw() {
    ellipse(width / 2 , height / 2, 360, 640);
    fill(225, 0, 132,);
    triangle(width / 2, height / 2, width / 2, 332, 464, height / 2);
    noLoop();
    ellipse(width / 2, 520, 200, 20);
    line(300, 520, 500, 520);
    fill(236, 236, 236);
    ellipse(320, 280, 64, 64);
    noLoop();
    fill(120, 72, 26);
    ellipse(320, 280, 28, 28);
    noLoop();
    line(448, 280, 512, 280);
    fill(252, 112, 148);
    ellipse(random(260, 540), random (420, 640), random(8, 16), random(8, 16))
    ellipse(random(260, 540), random (420, 640), random(8, 16), random(8, 16))
    ellipse(random(260, 540), random (420, 640), random(8, 16), random(8, 16))
    ellipse(random(260, 540), random (420, 640), random(8, 16), random(8, 16))
    ellipse(random(260, 540), random (420, 640), random(8, 16), random(8, 16))
    noLoop();
    fill(165, 42, 42);
    triangle(516, 52, 372, 164, 612, 436);
    rect(280, 64, 240, 128)
    noLoop();

}

One of the hardest parts of my project was getting the correct color and boundaries for the small pink ellipses. I wanted to exaggerate the issues with my complexion and really make the whole thing a little over the top and getting the random placement of the ellipses was difficult as they would appear on my other shapes or not exactly where I wanted them so it looked natural.

My Project

This is an example of the project I designed last week.

sketch

function setup() {
    createCanvas(200, 200);
    background(220);
    text("p5.js vers 0.9.0 test.", 10, 15);
}

function draw() {
	background(204);
	ellipse(50, 50, 80, 80);
}

LO-1: Inspiration

Nicholas Wong
Section A

Daniel Rozin creates these beautiful “mechanical mirrors”, which are interactive sculptures that mimic the presence of the viewer. His sculptures consist of rectangular panels of various materials attached to motors and a camera, which are all connected to a computer. Software on the computer then determines the angle at which each panel should tilt to replicate the image received from the camera, effectively turning each panel into a physical pixel. The sculpture reflects the movements of the viewer through the rotating panels, making the viewers the content of the artwork. Many of his works use wooden panels of various wood species, however he uses a variety of materials for different effects. Rozin started making his mirrors in 1997, and gained recognition through his “Rust Mirror” series starting in 1999. He developed the software that changed each panel in response to the live image received from the camera on his own.

Having seen one of these mechanical mirrors myself, at the time I was really interested in the code used to make the mirrors move, as I thought I could probably replicate something like that for an art project in high school.

http://www.smoothware.com/danny/

LO-01 (my inspiration)

Urban Imprints by STUDIO INI was an interactive piece that aimed to fight the preconception of rigid urban ‘walls’ that restrict human expression and individuality. The piece was created through a system of pulleys and flexible custom shaped wooden mesh surface that responded to human movement. When movement was detected towards the surface, it would retract and move away from the person, in effect, acting as a living organism celebrating human interaction instead of restricting it. The use of a custom piece of code is not confirmed, but I assume some sort of program must have been created in order for this level of interaction to take place. This work enables a new way for designers to consider interactive elements as part of a feasible options and could be used in new and innovative ways.

Studio INI at ADO Final Selects Luke Walker 7_1.jpg

http://www.nassia-inglessis.com/works-recent#/urban-imprint-1/