Author: slchen@andrew.cmu.edu

PROJECT-02-VARIABLE-FACE

sketch

var eyeSize = 20;
var faceWidth = 200;
var faceHeight = 300;
var BrowW = 30;
var BrowH = 5;
var MouthWidth = 60;
var MouthHeight = 5;
var AntW = 5;
var AntH = 100;
var AntB = 20
var cheek = 20
function setup() {
    createCanvas(480, 640);
}

function draw() {
    background(150,200,255);
    // Ears
    fill(255,120,160);
    ellipse(width/2,height/2,faceWidth*1.3,faceHeight/3);
    // Antenna
    fill(200,90,230);
    rect(width/2-5,110,AntW,AntH);
    // Antenna Ball
    fill(180,180,255);
    ellipse(width/2,105,AntB,AntB);
    // Head
    fill(255,120,160);
    ellipse(width / 2, height / 2, faceWidth,  faceHeight);
    var eyeLX = width / 2 - faceWidth * 0.35;
    var eyeRX = width / 2 + faceWidth * 0.25;
    // Left Cheek
    fill(255,140,140);
    ellipse(width-310,height-300,cheek,cheek);
    // Right Cheek
    fill(255,140,140);
    ellipse(width-190,height-300,cheek,cheek);
    // Two Eyes
    fill(255,255,255);
    ellipse(eyeLX, height / 2, eyeSize, 10);
    fill(255,255,255);
    ellipse(eyeRX, height / 2, eyeSize, 10);
    //  Two Pupils
    fill(0);
    ellipse(eyeLX,height/2,5,10);
    fill(0);
    ellipse(eyeRX,height/2,5,10);
    // Eyebrows:
    // Left Eyebrow
    fill(200,100,130);
    rect(eyeLX/1.01,height/2.2,BrowW,BrowH);
    // Right Eyebrow
    fill(200,100,130);
    rect(eyeRX/1.11,height/2.2,BrowW,BrowH);
    // Mouth
    fill(200,90,230);
    rect(width/2.3,height/1.8,MouthWidth,MouthHeight);
    
    



}

function mousePressed() {
    // when the user clicks, these variables are reassigned
    // to random values within specified ranges. For example,
    // 'faceWidth' gets a random value between 75 and 150.
    faceWidth = random(150, 250);
    faceHeight = random(200, 380);
    eyeSize = random(40, 70);
    BrowW = random(30,35);
    BrowH = random(5,10);
    MouthHeight = random(5,8);
    MouthWidth = random(50,70);
    AntW = random(5,10);
    AntH = random(300,300);
    AntB = random(30,50);
    cheek = random(30,50);
}

Rather than making a human, I decided to make an alien (hence the antenna).I tried to not make it boring which is why I didn’t use regular skin tones.The hardest part was getting the facial features to actually stay on the head when it started randomizing, because they kept flying all over the place.

Sarita Chen – Looking Outwards – 02

screen-shot-2016-09-08-at-4-52-24-pm screen-shot-2016-09-08-at-4-58-48-pm

Flickr. Tumblr.

The Generative Artist I chose for this week’s Looking Outwards assignment is Mario Klingemann. Mario Klingmann is stationed in Munich, Germany, and describes himself as and “Artist, Coder, Data Collector, Archivist, Speaker and Obsessive Compulsive Orderer” according to his twitter page. One project that I liked in particular from him was his “Pinuptic Curve” series, where he creates Pinup photos of women purely out of ellipses. The full series can be found here.

What I admire about this project (aside from being a fan of pinup photos) is that he manages to capture the expression and form of a pinup photo with the single usage of a primitive shape: the ellipse. The images themselves are fairly complex. He created the series in 2011. I can imagine that describing himself as an “Obessesive Compulsive Orderer” has some backing, as the images for this project are incredibly precise in what they are trying to represent. There is very deliberate usage of the ellipses to create the models of the women in the pinups.

Mario uses a self made tool known as ScribblerToo, and Flash for his works.

Sarita Chen – Project-01-Face

sarita

function setup() {
    createCanvas(600, 600);
    background(180,165,234);
    
    // text("p5.js vers 0.5.2 test.", 10, 15);
}

function draw() {
	// testing hair?
	noStroke();
	fill(164,55,220);
	ellipse(425,290,360,400);
	fill(164,55,220);
	ellipse(450,500,200,200);
	
	// Head
	noStroke();
	fill(207,33,225);
	ellipse(400,300,290,400);
	// right ear
	noStroke();
	fill(207,33,225);
	ellipse(545,320,120,120);
	// left ear
	noStroke();
	fill(207,33,225);
	ellipse(280,320,120,120);
	// bangs kinda
	fill(164,55,220);
	ellipse(410,159,210,120);
	// left eyebrow
	fill(81,97,211);
	triangle(290,260,330,220,370,260);
	// right eyebrow
	fill(81,97,211);
	triangle(420,260,460,220,500,260);
	// left eye
	fill(81,97,211);
	rect(280,280,90,10);
	
	// right eye
	fill(81,97,211);
	rect(420,280,90,10);
	// nose
	fill(81,97,211);
	triangle(370,360,390,300,400,360);
	// mouth
	fill(81,97,211);
	rect(350,400,90,8)
	// more hair
	fill(164,55,220);
	ellipse(530,240,50,140);
	
	fill(164,55,220);
	ellipse(520,200,60,60);
	
	fill(207,33,225);
	rect(375,470,40,70);
	// shirt
	fill(244,15,229);
	rect(360,540,100,100);
	// sweater
	fill(81,97,211);
	ellipse(510,540,200,90);
	fill(81,97,211);
	ellipse(310,540,160,70);
	fill(81,97,211);
	rect(420,560,180,50);
	fill(81,97,211);
	rect(250,560,120,50);
	fill(81,97,211);
	ellipse(265,560,40,50);
	// hand
	fill(207,33,225);
	rect(210,490,50,100);
	// fingers
	// 1
	stroke(164,55,220);
    strokeWeight(20);
	line(240, 500, 220, 400);
	// 2
	stroke(164,55,220);
    strokeWeight(20);
	line(250, 400, 250, 500);
	// 3
	stroke(164,55,220);
    strokeWeight(20);
	line(240, 570, 210, 500);
	// 4
	stroke(164,55,220);
    strokeWeight(20);
	line(250, 550, 220, 500);
	// 5
	stroke(81,97,211);
    strokeWeight(20);
	line(240, 520, 260, 530);














	
	
	
}

 

 

Screen Shot 2016-09-02 at 5.56.22 PM

First: I did a very crude sketch of the shapes that I wanted to use for this self portrait. I didn’t want to use colours for actual skin tone, hair colour etc. so I decided to go off of a purple gradient palette. The peace sign is my go to pose for every situation, so I decided to include it.

Sarita Chen – Looking Outwards – 1

Lost Ember is an open world, indie video game that is currently in development by Mooneye Studios. The game is set for release in 2018. In this game, the player controls a wolf with the ability to control other animals, and can freely walk around to explore the world. What I found admirable about this game is that the studio only consists of five men from Hamburg, Germany. The game itself has some impressive graphics for an indie game, and I also really like the concept. This project is inspiring to me as I’ve always been a fan of small studio projects like this. I used to be interested in game design, and this game is exactly the kind of game I would’ve liked to have worked on if I had continued down that path. What’s also admirable is that the game developers have a clear cut path for what they want to do with the gameplay and plot, rather than getting lost in the aesthetics. The game developers took inspiration from the popular game series The Legend of Zelda and another indie game, Shelter. The upcoming Legend of Zelda game is also an open world game, and Lost Ember has similar vibes and theme.

Mooneye Studio’s blog provides video guides as to how they did the graphics for their game. http://www.mooneyestudios.com/blog/26-inside-lost-ember-1

wolf_cave

memory_bridge_01