Project 02-Variable-Face

sketchDownload
//Sofia Rolla
//Section D

var eyeSize = 20;
var pupilSize= 5;
var faceWidth = 150;
var faceHeight = 200;
var noseWidth = 20;
var noseHeight = 30;
var mouthSize = 40;

var faceR = 199
var faceG = 177
var faceB = 140

var pupilR = 112
var pupilG = 166
var pupilB = 233
  
var noseR = 200
var noseG = 190
var noseB = 170

var mouthR = 0
var mouthG = 0
var mouthB = 0





function setup() {
    createCanvas(640, 480);
}
 
function draw() {
    background(170,10,90);
    //head
    fill(faceR, faceG, faceB)
    ellipse(width / 2, height / 2, faceWidth,  faceHeight);
    //eyes
    fill(255)
    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);
    //pupils
    fill(pupilR, pupilG, pupilB)
    ellipse(eyeLX, height / 2, pupilSize, pupilSize);
    ellipse(eyeRX, height / 2, pupilSize, pupilSize);
    //nose
    var noseY = height / 2 + faceHeight* 0.15;
    fill(noseR, noseG, noseB)
    ellipse(width/2, noseY, noseWidth, noseHeight); 
    //mouth
    fill(mouthR, mouthG, mouthB)
    ellipse(width / 2, height / 2 + .4 * faceHeight, mouthSize, faceHeight/10)
    //hair
    arc(width / 2, height / 2-35, faceWidth+10,  faceHeight-10, PI,2*PI, PI);
   
 
}
 
function mousePressed() {
    faceWidth = random(75, 150);
    faceHeight = random(100, 200);
    eyeSize = random(20, 40);
    pupilSize = random(5,15);
    noseWidth = random(5,20)
    noseHeight= random (10,30);
    mouthX = random (20, 50);
    faceR = random (170,230)
    faceG = random (50,200)
    faceB = random (50,200)
    mouthR = random (50,200)
    mouthB = random (50,200)
    mouthG = random (50,200)
    pupilR = random (50,200)
    pupilG = random (50,200)
    pupilB = random (50,200)
    noseR = random (50,200)
    noseG = random (50,200)
    noseB = random (50,200)
    
}

This was a difficult process for me. I struggled with finding the right variables and with setting proper variables for positions of certain facial features. I hope that this process will get easier as I keep learning.

LO2 Generative Puzzles

The piece of work that I find super interesting is a series of generative jigsaw puzzles from the site called “Nervous System” 

https://n-e-r-v-o-u-s.com/shop/line.php?code=12/

This project was created by two MIT designers who wanted to put a spin on traditional puzzles. These puzzles are created uniquely with custom software which makes the design of the puzzle super intricate, as well as the actual jig-saw pieces themselves. THe pieces are shaped but using natural patterns which are generatively produced, ultimately making these puzzles a bit more challenging than a typical jig-saw puzzle. Although puzzles may be boring for some, I enjoy solving puzzles and these generative puzzles would be even more stimulating. The software that creates the interlocking pieces is based off of a crystal growth process called “dendritic solidification”. This process in an art form becomes quite complex, because in nature, a crystal would grow in one direction; however, for the puzzle, the software must make one puzzle piece that “grows”, and another symmetric piece that matches each extension piece. Additionally, the software has different designs for different states of matter, creating different sort of crystal formations for different puzzles. Based on this, I would assume that the creates are interested in nature, science, and geology as well as programming. Overall, I am very fascinated and impressed with the complexity of this software, and it also has a fun benefit!

Here is an example of one of the puzzles

LO: My Inspiration

Back in early August I attended a music festival called Outside Lands. Located in San Fransisco’s Golden Gate Park, Outside Lands is the perfect venue for hippies, whimsical music fanatics, and all that lies between. Out of the many artists I was excited to see, I could have never anticipated such a euphoric experience as the the French music duo Polo and Pan. Their EDM music is the perfect blend of tropical sounds, live instrumentals, and vocals, all making you feel as if you are lounging in a beach club on the border of Spain and France. However, what tied the set together was the visual aspect displayed on the giant screen behind their live performance. While the visuals were not too complex, I was fascinated by the art which was something similar to Dr. Seus graphics, all while moving to the beat of the music. The graphic artists behind Polo and Pan’s visuals are named Noemi Ferst & Benjamin Moreau. Both the music and visuals seem to be inspired by a sort of Disney, childhood fantasy, filled with playful colors and patterns. In both the music and the digital art there also seems to be an homage to some 60s art styles, with bright pops of colors and spunky designs that fall outside of the ordinary. In the future, I would love to see more music videos that align with Polo and Pan’s live performances. It could also be super cool if the duo were able to incorporate images of Polo and Pan along with digital graphics to create a partially animated take on a traditional music video. Linked below is an example of one of Polo and Pan’s music videos, which closely replicated the visuals at their live show.

shown above is a still from the “Ani Kuni” music video by Polo and Pan


https://www.youtube.com/watch?v=ootQs7sVulY