Author: Rani Randell

rrandell project02- variable face

sketch

/* Rani Randell
Section A
rrandell@andrew.cmu.edu
Project 2 variable faces */


// Simple beginning template for variable face.
var eyeSize = 20;
var faceWidth = 100;
var faceHeight = 150;
var backcolor;
var mouthW = 70;
var mouthH = 30;
 
function setup() {
    createCanvas(640, 480);
    var R = random(20, 250);
    var G = random(100, 200);
    var B = random(10, 200);
    backcolor = color(R, G, B);

}
 
function draw() {
    background(backcolor);
    fill(230, 10, 200)
    ellipse(width / 2, height / 2, faceWidth,  faceHeight);//face

    var eyeLX = width / 2 - faceWidth * 0.25;
    var eyeRX = width / 2 + faceWidth * 0.25;
    fill(10, 30, 200);
    ellipse(eyeLX, height / 2, eyeSize, eyeSize);//left eye
    fill(30, 70, 70);
    ellipse(eyeRX, height / 2, eyeSize, eyeSize); //right eye

    rect(width/2 - 35, height/2- 20, 20, 3)//eyebrows
    rect(width/2 + 15, height/2- 20, 20, 3)

    fill(200, 10, 120); //mouth color
    ellipse(width/2, height/2+40, mouthW, mouthH)//mouth


}
 
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(75, 150);
    faceHeight = random(100, 200);
    eyeSize = random(10, 30);
    var R = random(20, 250);
    var G = random(100, 200);
    var B = random(10, 200);
    backcolor = color(R, G, B);
    mouthH = random(10, 40);
    mouthW = random(60, 90);
}

For my Variable Faces project, I wanted to explore randomizing different colors of the background when the mouse is pressed. I accomplished this by making distinct RGB variables and then randomizing them in the mousePressed function.

Looking Outwards 02

http://www.ninakatchadourian.com/languagetranslation/talkingpopcorn.php

The generative artist that I am choosing to explore is Nina Katchadourian. She is a photographer, sculptor, and more, but the reason that I thought of her work for this blog post is because one of her pieces, entitled ‘Talking Popcorn’, uses the same logic as computer generated art. The piece is essentially a morse code reader installed inside of a popcorn machine, when batches of popcorn are popped, morse code reader translates strings of letters. In some of the popcorn batches there are actual english words that result in poems, or phrases and more. Nina has then memorialized the real popcorn that when popped, made words. Although this artist did not use code to make this artwork, I feel that she has utilized the concept of the randomness of an act like popping popcorn in a way that is similar to randomly generated code. I really admire how she took such a mundane act like popping popcorn and thought about how it could be made into randomly generated art.

rrandell project01-face

rrandell-project01

function setup() {
    createCanvas(500, 500);
    background(255, 165, 0); //make pink? or orange?


}

function draw() {

        fill(90, 50, 19);
    stroke(90, 50, 19);
    rect(160, 200, 180, 200); //hair

    fill(90, 50, 19);
    stroke(90, 50, 19);
    ellipse(170, 390, 40, 40); //start of curls

    fill(90, 50, 19);
    stroke(90, 50, 19);
    ellipse(170, 370, 30, 30);

    fill(90, 50, 19);
    stroke(90, 50, 19);
    ellipse(190, 400, 40, 40);

    fill(90, 50, 19);
    stroke(90, 50, 19);
    ellipse(220, 405, 40, 40);

    fill(90, 50, 19);
    stroke(90, 50, 19);
    ellipse(240, 415, 40, 40);

    fill(90, 50, 19);
    stroke(90, 50, 19);
    ellipse(260, 405, 40, 40);

    fill(90, 50, 19);
    stroke(90, 50, 19);
    ellipse(280, 405, 40, 40);

    fill(90, 50, 19);
    stroke(90, 50, 19);
    ellipse(300, 400, 40, 40);

    fill(90, 50, 19);
    stroke(90, 50, 19);
    ellipse(330, 390, 40, 40);

    fill(90, 50, 19);
    stroke(90, 50, 19);
    ellipse(330, 370, 30, 30);

    fill(90, 50, 19);
    stroke(90, 50, 19);
    ellipse(330, 200, 30, 50);

    fill(90, 50, 19);
    stroke(90, 50, 19);
    ellipse(170, 200, 30, 50);

    fill(90, 50, 19);
    stroke(90, 50, 19);
    ellipse(325, 180, 30, 40);


    fill(90, 50, 19);
    stroke(90, 50, 19);
    ellipse(170, 180, 30, 40);

    fill(90, 50, 19);
    stroke(90, 50, 19);
    ellipse(320, 165, 30, 40);

    fill(90, 50, 19);
    stroke(90, 50, 19);
    ellipse(180, 165, 30, 40);

    fill(90, 50, 19);
    stroke(90, 50, 19);
    ellipse(315, 155, 30, 40);

    fill(90, 50, 19);
    stroke(90, 50, 19);
    ellipse(185, 155, 30, 40);

    fill(90, 50, 19);
    stroke(90, 50, 19);
    ellipse(250, 110, 100, 50);

    fill(90, 50, 19);
    stroke(90, 50, 19);
    ellipse(320, 165, 30, 40);

    fill(90, 50, 19);
    stroke(90, 50, 19);
    ellipse(300, 130, 40, 40);

    fill(90, 50, 19);
    stroke(90, 50, 19);
    ellipse(200, 130, 40, 40);

    fill(234, 192, 134);
    stroke(234, 192, 134);
    ellipse(250, 200, 150, 200); //face

    fill(234, 192, 134);
    stroke(234, 192, 134);
    ellipse(325, 200, 30, 40);

    fill(234, 192, 134);
    stroke(234, 192, 134);
    ellipse(175, 200, 30, 40);

    fill(250, 199, 138); //nose
    stroke(250, 199, 138);
    rect(242, 190, 13, 40);

    fill(250, 199, 138); //nose
    stroke(250, 199, 138);
    ellipse(242, 230, 15, 15);

    fill(250, 199, 138); //nose
    stroke(250, 199, 138);
    ellipse(255, 230, 15, 15);

    fill(255, 255, 255); //eyes
    stroke(255, 255, 255);
    ellipse(287, 175, 35, 20);

    fill(90, 50, 19);
    stroke(0, 0, 0);
    ellipse(287, 175, 17, 17);

    fill(255, 255, 255);
    stroke(255, 255, 255);
    ellipse(213, 175, 35, 20);

    fill(90, 50, 19);
    stroke(0, 0, 0);
    ellipse(213, 175, 17, 17);

    fill(0, 0, 0);
    stroke(0, 0, 0);
    ellipse(213, 175, 7, 7);

    fill(0, 0, 0);
    stroke(0, 0, 0);
    ellipse(287, 175, 7, 7);

    fill(255, 255, 255);
    stroke(255, 255, 255);
    ellipse(210, 175, 2, 3);

    fill(255, 255, 255);
    stroke(255, 255, 255);
    ellipse(285, 175, 2, 3);

    fill(255, 180, 203); //mouth
    stroke(255, 0, 0);
    ellipse(250, 260, 60, 20);

    fill(90, 50, 19);
    stroke(90, 50, 19);
    ellipse(210, 155, 35, 5);

    fill(90, 50, 19);
    stroke(90, 50, 19);
    ellipse(288, 155, 35, 5)

    if(mouseX<250){//flash tongue
    fill(219, 112, 147);
    stroke(219, 112, 147);
    ellipse(250,275, 20, 40);
    stroke(199, 21, 133)
    line(250, 255, 250, 293);
    }
    
}

I really enjoyed experimenting with color for my self portrait; RGB is really unfamiliar to me but I liked how similar is is to mixing paint. Move your mouse around my image for a fun surprise!

Looking Outwards rrandell01

This is a link to new media artist Angela Washko’s video trailer about her interactive art piece called The Game: The Game in which the viewer essentially plays a dating simulation video game.

This piece is a culmination of over three years of research on ‘dating coaches’ or ‘pick-up artists’ and vastly explores the world of female exploitation, sexism, and misogyny through an interactive video game. It is unclear what software Angela Washko used in creating this interactive program, but this piece is not just the program, it also included a physical exhibition in New York City. Angela Washko was inspired by a series of books by author Roosh V in which he instructs men on how to pursue sex with women. This project explores a future in which women can rebel against unwanted male attention and have more agency in a virtual world. I feel that this project is incredibly interesting and complex as it delves deep into controversial topics but explains them well with an accessible platform for all to understand the purpose of the project.