Author: Tami Tedesco

TamiTedesco-Project-02-VariableFace

sketch

//Tami Tedesco
//Section 1 (9:30)
//ttedesco@andrew.cmu.edu
//Project-02

var eyeSize = 20;
var faceWidth = 100;
var faceHeight = 150;
var mouthHeight = 80;
var mouthWidth = 80;
var browWidth = 25;
var browHeight = 5;
var rectCorner = 20;
 
function setup() {
    createCanvas(300, 300);
    //random color fill
    r = random(255);
    g = random(255);
    b = random(255);
}
 
function draw() {
    background('#FBFF98');
    strokeWeight(4);
    //head
    fill(r, g, b, 127);
    rect(width / 2, height / 2, faceWidth,  faceHeight, rectCorner);
    fill(51);
    var eyeLX = width / 2 - faceWidth * 0.25;
    var eyeRX = width / 2 + faceWidth * 0.25;
    ellipse(eyeLX, height / 2, eyeSize, eyeSize);
    ellipse(eyeRX, height / 2, eyeSize, eyeSize);
    //mouth
    fill('#FFFFFF')
    arc(150, 175, mouthWidth, mouthHeight, 0, PI, CHORD);
    //eyebrows
    //L
        fill('#000000')
        rectMode(CENTER);
        translate(width/2, height/2);
        rotate(HALF_PI/3.0);
        rect(-35, -10, browWidth, browHeight);
    //R
        fill('#000000')
        rectMode(CENTER);
        rotate(-PI/3.0);
        rect(35, -10, browWidth, browHeight)
}
 
function mousePressed() {
    
    r = random(255);
    g = random(255);
    b = random(255);
    faceWidth = random(70, 150);
    faceHeight = random(100, 200);
    eyeSize = random(10, 30);
    mouthWidth = random(20, faceWidth);
    mouthHeight = random(20, faceHeight/2);
    browWidth = random(20, 40);
    browHeight = random(2, 15);
    rectCorner = random(0, 250)

}

So this is my variable face program! It generates a randomly colored face making different degrees of the >:D emoticon, which is one I use a lot when I text. In addition, the face shape, mouth size, eye size, and eyebrow size are all also randomly generated. The character of the >:D expression changes a bit depending on the facial structure behind it, so I wanted to explore that aspect with this program.

TamiTedesco-Project-01-Face

Eyyy so this is my self-portrait:

tami-self-portrait.js

function setup() {
    createCanvas(500, 500);
    background('#B7DAF4');

}

function draw() {

//head
	fill('#FFDFC8');
	noStroke();
	ellipse(250, 200, 180, 200);

//ears
	fill('#FFDFC8');
	noStroke();
	ellipse(165, 230, 40, 50);

	fill('#FFDFC8');
	noStroke();
	ellipse(335, 230, 40, 50);

//hair
	fill('#8a1B00')
	triangle(160, 170, 160, 210, 225, 170);
	triangle(225, 170, 342, 170, 342, 210);

//hat
	fill('#000a5F');
	rect(120, 150, 220, 20);

	fill('#000a5f');
	noStroke();
	arc(250, 170, 184, 170, PI, 0, CHORD);

//face
	//L
	fill(51);
	ellipse(210, 210, 10, 25);
	//R
	fill(51);
	ellipse(290, 210, 10, 25);
	//mouth
	fill('#FF556E');
	triangle(230, 240, 250, 270, 270, 240);

//body
	fill('#FFDFC8');
	rect(235, 295, 30, 20);

	//shirt
	fill('#000000');
	rect(195, 315, 110, 300);
	//sleeves
		//L
		triangle(175, 330, 195, 315, 195, 330);
		rect(175, 330, 20, 65);
		//R
		triangle(305, 330, 305, 315, 325, 330);
		rect(305, 330, 20, 65);
	//arms
	fill('#FFDFC8');
	rect(178, 395, 18, 105);
	rect(303, 395, 18, 105);

}

I decided to make the design as simple as possible to mitigate any weirdness I’d have to deal with, though I didn’t do an actual sketch beforehand. I kind of just made a mental image and then eyeballed where all the shapes should go. I’ve never coded anything before this class, so for a first try at making something nice I think this came out pretty ok!

TamiTedesco-LookingOutwards-02

Louise Naunton Morgan is a generational artists who creates traditional art pieces by imitating the algorithms by which printers print images. As a member of an ongoing project called “The Human Printer,” Morgan has become an expert at painstakingly transferring images by hand in order to create quasi-impressionistic pieces that juxtapose digital art with traditional methods.

abstraktabstrakt-louise-naunton-morgan-01

The juxtaposition of digital creation with traditional methods of art presents an interesting dialogue on the transition society is making from “old media” to “new media,” and is an example of the fluidity with which one can incorporate both methods of creation into producing artwork.

erik-kessle_11

In addition, The Human Printer project has three sections focused on different aspects of printing, such as tonal contrast, mass reproduction, and scale and distance. One can even order prints of particular images from the project. This interactivity with the audience allows the project to resonate more personally, and thus have greater artistic meaning.

TamiTedesco-LookingOutwards-01

Recently, the award-winning production company Method Design was hired by the AICP (Association of Independent Commercial Producers) to create a promotional reel which would demonstrate the technological and visual capabilities of the organizations sponsoring this year’s awards program. The video utilizes motion capture software and sophisticated rendering programs to create a montage of dancing humanoid figures.

The stunningly realistic but ultimately abstract and incongrous textures and effects used in this video contrast with the human forms to create a fun, surreal experience that bends the average person’s visual understanding. In addition, by making references to popular culture, the video reaches the viewer on a uniquely personal level, maximizing its overall impact. While the graphics do occasionally strain the viewer, this video is ultimately a striking example of the quality of CG in the present, and an indicator of CG’s potential to grow even more sophisticated in the future.