function setup() {
createCanvas(300, 300);
}
function draw() {
background(220, 189, 90);
ellipse(150, 150, 100, 70);
}
Month: August 2016
Project-01-Face
Reflection
Since the basic elements in this portrait are restricted to simple geometric shapes, I decided to create a minimalistic portrait. The blue and yellow used in the portrait are selected from photos of minerals online.
Also, I stumbled across the code for generating random points automatically, so I decided to create a shimmering effect with it.
function setup() {
createCanvas(500, 600);
}
function draw() {
background(0);
quad(100,100,150,150,100,150,150,100);
var bg1 = color(221,159,35);
fill(bg1);
noStroke();
rect(0,50,500,80);
rect(0,180,500,30);
var ri = color(27,102,205);
var bg2 = color(200,81,35);
fill(ri);
noStroke();
rect(0,450,500,45);
rect(0,500,500,100);
var skinlt = color(252,252,244);
fill(skinlt);
stroke(252,252,244);
triangle(100,0,50,100,250,450);
triangle(100,0,250,450,400,0);
triangle(400,0,250,450,450,100);
//cheek triangles
triangle(70,110,110,350,250,450);
triangle(430,110,250,450,390,350);
fill(50);
noStroke();
ellipse(250,125,410,410);
fill(skinlt);
noStroke();
ellipse(250,200,350,350);
var lip = color(174,41,30);
fill(lip);
noStroke();
ellipse(250,350,30,30);
ellipse(250,320,40,40);
var skindk = color(252,240,224);
fill(skindk);
stroke(skindk);
quad(250,450,170,393,170,530,250,530);
quad(250,450,330,393,330,530,250,530);
ellipse(250,530,160,160);
var ri = color(27,102,205);
fill(ri);
stroke(255);
strokeWeight(5);
ellipse(85,300,50,50);
ellipse(415,300,50,50);
stroke(50);
strokeWeight(3);
noFill();
curve(5,26,200,30,400,250,50,100);
curve(5,26,200,20,400,175,50,100);
fill(0);
noStroke();
triangle(0,515,0,450,170,450);
triangle(500,515,500,450,330,450);
noFill();
stroke(50);
strokeWeight(10);
arc(170,220,60,60,0,PI);
arc(330,220,60,60,0,PI);
stroke(80);
strokeWeight(5);
line(130,170,200,170);
line(370,170,300,170);
fill(250);
stroke(251,191,46);
ellipse(85,random(330,430),10,10);
ellipse(85,random(330,430),10,10);
ellipse(85,random(330,430),10,10);
ellipse(85,random(330,430),10,10);
ellipse(85,random(330,430),10,10);
ellipse(85,random(330,430),10,10);
ellipse(85,random(330,430),10,10);
ellipse(85,random(330,430),10,10);
ellipse(415,random(330,450),10,10);
ellipse(415,random(330,450),10,10);
ellipse(415,random(330,450),10,10);
ellipse(415,random(330,450),10,10);
ellipse(415,random(330,450),10,10);
ellipse(415,random(330,450),10,10);
ellipse(415,random(330,450),10,10);
ellipse(415,random(330,450),10,10);
}
project1 test
function setup() {
createCanvas(300, 300);
}
function draw() {
background(220, 275, 90);
ellipse(175, 100, 200, 90);
}
Test Post
Hi!
sketch
function setup() {
createCanvas(300, 300);
}
function draw() {
background(220, 189, 90);
ellipse(220, 189, 90, 70);
}
project1 test
function setup() {
createCanvas(300, 300);
}
function draw() {
background(220, 189, 90);
ellipse(150, 150, 100, 70);
}
project1 test
function setup() {
createCanvas(300, 300);
}
function draw() {
background(220, 189, 90);
ellipse(150, 150, 100, 70);
}
project1 test
function setup() {
createCanvas(100, 100);
}
function draw() {
background(220);
ellipse(150,150,100,70);
}
Project-01-Face – Sara
function setup() {
createCanvas(600, 600);
background(80);
}
function draw() {
//skin
fill(247,202,200);
noStroke()
ellipse(375,400,800,800);
//eyes
strokeWeight(12);
stroke(60,150,40);
fill(20);
ellipse(150,250,50,50);
ellipse(450,150,50,50);
//mouth
strokeWeight(70);
stroke(200,40,100);
fill(20);
ellipse(500,500,600,400);
//hair
strokeWeight(220);
stroke(144,68,180)
line(0,0,600,0);
strokeWeight(240)
line(0,0,0,200);
strokeWeight(120)
line(0,0,0,400)
//curls
strokeWeight(7);
stroke(205,67,220);
fill(144,68,180)
bezier(0,80,600,1,1,300,580,100);
bezier(0,70,480,10,8,200,590,85);
bezier(0,90,450,5,3,210,600,50);
}
I began this process with the close-up eyes and open mouth at an angle, as that was basically recognizable as a face, and reflects my personality. Using that image as a jumping off point, I added details including color, stroke weights, and the purple curves to represent my hair. I like that the image feels active and in motion.
LookingOutwards-01 Sara Lyons – Annie Dorsen’s “Yesterday Tomorrow”
Yesterday Tomorrow is an algorithmic theatre piece created and directed by Annie Dorsen. The center of the piece is a computer algorithm that, over the course of an hour, translates The Beatles’ “Yesterday” into “Tomorrow” from the musical Annie!. The transition is randomized by the algorithm note by note, projected live onstage as sheet music. In addition, computer algorithms are employed to randomize changes in lighting throughout the piece. Three actor/singers sightread the sheet music for the 1-hour+ duration of the piece, and also follow randomized cues to change their physical position onstage. The randomized algorithmic elements ensure that the piece is never the same twice.
Yesterday Tomorrow was developed over several years, initiated by Annie Dorsen, in collaboration with a full team of programmers, performers, designers, technicians, and managers. Her background is unique as a theatre artist who innovates in the field by incorporating programming and algorithms into an archaic art form. Her work exposes the ways our everyday lives are controlled by algorithms, even as those algorithms are largely invisible to us on a day-to-day level.
?????
????????????
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!