Author: renright@andrew.cmu.edu

Project-02: Variable Faces

sketch

//Rebecca Enright
//Section A
//renright@andrew.cmu.edu
//Project-02: Variable Faces

var head = 100
var eye = 50
var brow = 40
function setup() {
    createCanvas(640,480);  
}
function draw() {
    background(0,171,255);
    //create conditional head
    if (mouseIsPressed) {
    	fill(115,252,19);
    	ellipse(320,240,head+100,head/2);
    } else {
        fill(255,207,153);
        ellipse(320,240,head,head);
    }
    //create conditional eyes
    if (mouseIsPressed) {
    	//creates whites of eyes
    	fill(255);
    	ellipse(300,200,eye,eye);
    	ellipse(340,200,eye,eye);
    	//creates pupils
    	fill(0);
    	ellipse(300,200,eye/2,eye/2);
    	ellipse(340,200,eye/2,eye/2);
    } else {
    	//creates whites of eyes
    	fill(255);
    	ellipse(300,220,eye/2,eye/2);
    	ellipse(340,220,eye/2,eye/2);
    	//creates pupils
    	fill(0);
    	ellipse(300,220,eye/4,eye/4);
    	ellipse(340,220,eye/4,eye/4);
    }
    //creates condidtional mouth
    if (mouseIsPressed) {
    	//creates tounge
    	fill(255,104,153);
    	arc(320,240,25,100,TWO_PI,PI);
    } else { 
        //creates open mouth
        fill(0);
        arc(320,250,40,75,TWO_PI,PI);
    }
    //creates conditional features
    if (mouseIsPressed) {
    	//creates eyebrows
    	fill(0);
    	rect(320,150,brow,brow/2);
    	rect(270,150,brow,brow/2);
    } else {
    	//creates crown
    	fill(255,255,0);
    	rect(300,180,brow,brow/2);
    }
}

This project was a lot of fun, I really like learning about how to make things interactive. It was tricky at first, but it became easier as I worked on it.

Looking Outwards -02

In June 2015, James George and Johnathan Minard produced an interactive documentary, CLOUDS, which is a really beautiful look at programming, creativity, and how these two entities bring together people from around the world in a very interesting way.

 

The picture below that was taken from the film caught my attention at first because it was pretty and reminded me of a rose. What made me click on it however, not knowing that CLOUDS was a documentary before I looked into it, was my curiosity at why they would name it “Clouds” when it doesn’t even remotely resemble them.

taken from liaworks (CLOUDS)

After seeing the trailer and other pictures from the documentary, though, I was floored by how amazing it seemed. I normally am not one to watch documentaries, but this would be a welcomed exception. The creators even took the people speaking and made them part of the artistic aspect in their pixelated appearance (as demonstrated in the video below). This documentary in particular also used multiple complicated algorithms to create the images that went with the interviewees, which can be seen in the link to the trailer below.

http://www.cloudsdocumentary.com/#trailer

Clouds: beta from Deepspeed media on Vimeo.

Rebecca Enright Project-01-Face

Enright-Facesketch

function setup() {
    createCanvas(600, 600);
    background(176,0,100);
    
}

function draw() {
	noStroke();
	fill(255,238,196);
	ellipse(300,450,150,100);
	fill(155,0,178)
	ellipse(300,410,150,80);
	quad(250,430,350,430,370,600,230,600);
	fill(155,82,50);
	arc(280,270,100,70,HALF_PI,0);
	arc(325,285,100,100,PI,0);
	arc(300,235,70,60,PI,0);
	noStroke();
	fill(255,238,196);
	ellipse(300,300,140,145);
	noStroke();
	fill(255,191,198);
	ellipse(340,315,20,15);
	ellipse(260,315,20,15);
	fill(255,227,191);
	arc(300,320,20,20,PI,0);
	fill(255,205,191);
	arc(295,340,15,10,PI,0);
	arc(305,340,15,10,PI,0);
	arc(300,337,30,10,0,PI);
	fill(255)
	ellipse(275,290,30,20);
	ellipse(325,290,30,20);
	fill(155,82,50);
	ellipse(275,290,15,20);
	ellipse(325,290,15,20);
	fill(0);
	ellipse(275,290,10,17);
	ellipse(325,290,10,17);
	fill(255);
	ellipse(280,285,5,5);
	ellipse(330,285,5,5);
	noFill();
	stroke(0);
	strokeWeight(5);
	rect(255,280,35,25);
	rect(310,280,35,25);
	arc(300,295,15,10,PI,0);
	noFill();
	stroke(155,82,50)
	strokeWeight(5);
	arc(270,270,30,10,PI,0);
	arc(327,270,30,10,PI,0);
	bezier(250,250,215,300,200,350,235,400);
	bezier(250,250,365,160,415,380,370,400);
	arc(300,256,110,40,PI,0);
	arc(300,260,115,40,PI,0);
	arc(300,251,105,40,PI,0);
	arc(300,265,120,40,PI,0);
	noStroke();
	fill(255,238,196);
	ellipse(300,375,15,25);
	noLoop();
	


}

This project was really interesting and fun in how it allowed us to play around with the different shapes and techniques for creating the picture. I really enjoyed experimenting with this and seeing the different ways I could produce this image.

I also do not know why, but the image has been stretched out on here, so below is a rough picture of what it actually looks like:

Rebecca Enright-Looking Outwards-1

The Buddhabrot Technique was developed by Melinda Green and Lori Gardi, who named it such because of the image’s resemblance to Buddha.

Rendering from Metablake

This technique derives from the Mandelbrot, and, as creator Melinda Green stated, it is basically “a different way of representing the Mandelbrot set.” What she did was take the points used in the Mandelbrot set and randomize them to get this complex image. It took quite a long time to complete, as the “third eye,” (the particularly bright circle centered at the top of the “head”), alone took an entire “long weekend,” which is presumably three days, to complete. That being said, the significance is that certain parts of this, such as the “third eye,” could not even be seen in the Mandelbrot set, so ultimately this creation has opened up a new way to look at the old information.

This creation is truly magnificent and beautiful, and this Youtube video also highlights the “mini-Mandelbrot” components that surround the bigger and more in-depth Buddhabrot.

Works Cited

Bourke, Paul. The Buddhabrot. paulbourke.net. November 2000. 1 September 2016. <paulbourke.net/fractals/buddhabrot/>.

Computational Art. Metablake. 2014. 1 September 2016. <metablake.com/b/Computational_Art.html>.

Green, Melinda. The Buddhabrot Technique. Superluminal.com 1 September 2016. <superliminal.com/fractals/bbrot/bbrot.html>.