Author: Kyle

Kyle Leve – Project 02 – Variable Face

sketch

//Kyle Leve
//Section A
//kleve@andrew.cmu.edu
//Project-02-Variable Faces

var glassesWidth = 8;
var glassesHeight = 8;
var faceWidth = 350;
var faceHeight = 350;
var eyeSize = 50;
var irisSize = 30;
var pupilSize = 15;
var glimmerSize = 7;
var backgroundColor;
 
function setup() {
    createCanvas(640, 480);
    var red; random(50, 250);
    var green; random(100, 250);
    var blue; random(20, 250);
    backgroundColor = color(red, green, blue);
}
 
 function draw() {
    background(backgroundColor);

    //face
    noStroke();
    fill('tan');
    ellipse(width / 2, height / 2, faceWidth, faceHeight);

    //eyes
    fill('white'); //left eyeball
    var eyeLX = width / 2 - faceWidth * 0.25;
    ellipse(eyeLX + 10, height / 2 + 15, eyeSize, eyeSize);

    fill('white'); //right eyeball
    var eyeRX = width / 2 + faceWidth * 0.25;
    ellipse(eyeRX - 30, height / 2 + 15, eyeSize, eyeSize);

    fill(77,47,23); //left iris
    ellipse(eyeLX + 15, height / 2 + 20, irisSize, irisSize);

    fill(77,47,23); //right iris
    ellipse(eyeRX - 25, height / 2 + 20, irisSize, irisSize);

    fill('black'); //left pupil
    ellipse(eyeLX + 20, height / 2 + 25, pupilSize, pupilSize);

    fill('black'); //right pupil
    ellipse(eyeRX - 20, height / 2 + 25, pupilSize, pupilSize);

    fill('white'); //left eye shimmer
    ellipse(eyeLX + 25, height / 2 + 22, glimmerSize, glimmerSize);

    fill('white'); //right eye shimmer
    ellipse(eyeRX - 15, height / 2 + 22, glimmerSize, glimmerSize);

    //Glasses
    fill('black');
    rect(280, 250, 40, glassesHeight);

    fill('black');
    rect(280, 210, glassesWidth, 80);

    fill('black');
    rect(180, 210, 100, glassesHeight);

    fill('black');
    rect(180, 285, 108, glassesHeight);

    fill('black');
    rect(180, 210, glassesWidth, 75);

    fill('black');
    rect(155, 247, 30, glassesHeight);

    fill('black');
    rect(315, 210, glassesWidth, 80);

    fill('black');
    rect(315, 210, 100, glassesHeight);

    fill('black');
    rect(315, 285, 108, glassesHeight);

    fill('black');
    rect(415, 210, glassesWidth, 75);

    fill('black');
    rect(415, 247, 28, glassesHeight);
}

function mousePressed() {
    faceWidth = random(300, 400);
    faceHeight = random(250, 350);
    glassesWidth = random(5, 15);
    glassesHeight = random(5, 15);
    eyeSize = random(40, 60);
    irisSize = random(25, 35);
    pupilSize = random(10, 20);
    glimmerSize = random(7, 10);
    var red = random(50, 250);
    var green = random(100, 250);
    var blue = random(20, 250);
    backgroundColor = color(red, green, blue);
}

I found this project to be very interesting in that for me it started out with me knowing exactly what I wanted to do, but having no idea how to do it. Through trial-and-error I found out how to change dimensions and colors randomly by using variables to make an interactive project. This project has taught me how to use variables effectively to make my projects more fun and interesting.

Kyle Leve – Looking Outwards – 02

link: http://iquilezles.org/apps/soundtoy/index.html
Sound Toy Software

A generative art that I discovered this week that I found very interesting is the application known as Sound Toy. This application was created by Inigo Quilez in 2011, and its function is the use different mathematical formulas to create and design music and visuals only using the keys on a standard computer. The software utilizes a keyboard where different keys serve as different keys on the piano, thus making it possible to play a note with a single press of a key. There are also many other instruments that you can use and create sounds from! In addition, there are ways to design a wave using mathematical formulas to create a visual cue that goes with the music. I feel as though Quilez wanted to combine his love of visual effects as well as his love for sound/music, and that is apparent in his algorithms. What inspires me about this project is that there are so many elements to it that would make it seem so complicated to use, however all it takes to figure it out is just to mess around with different tools for a little while. I like how this application combines both sound and visual art to allow the user to easily create something that one may have previously assumed to be too complicated to use.

Kyle Leve-Project-01-Face

sketch

//Kyle Leve
//Section A
//kleve@andrew.cmu.edu
//Project-01


function setup() {
    createCanvas(600, 600);
    background('skyblue');
}

function draw() {
	//face
	noStroke();
	fill('tan');
	ellipse(300,300,300,350);

	//eyes
	fill('white');
	ellipse(230,250,70,50);

	fill('white');
	ellipse(370,250,70,50);

	fill(77,47,23);
	ellipse(240,255,30,30);

	fill(77,47,23);
	ellipse(380,255,30,30);

	fill('black');
	ellipse(240,255,15,15);

	fill('black');
	ellipse(380,255,15,15);

	fill('white');
	ellipse(245,250,10,10);

	fill('white');
	ellipse(385,250,10,10);

	//hair
	fill(77,47,23);
	ellipse(300,150,225,125);

	fill('tan');
	ellipse(295,180,200,100);

	//Glasses
	fill('black');
	rect(280,250,35,5);

	fill('black');
	rect(280,210,8,80);

	fill('black');
	rect(180,210,100,8);

	fill('black');
	rect(180,285,108,8);

	fill('black');
	rect(180,210,8,75);

	fill('black');
	rect(155,247,30,8);

	fill('black');
	rect(315,210,8,80);

	fill('black');
	rect(315,210,100,8);

	fill('black');
	rect(315,285,108,8);

	fill('black');
	rect(415,210,8,75);

	fill('black');
	rect(415,247,28,8);

	//Eyebrows
	fill(77,47,23);
	ellipse(240,190,100,20);

	fill('tan');
	ellipse(240,200,100,20);

	fill(77,47,23);
	ellipse(365,190,100,20);

	fill('tan');
	ellipse(365,200,100,20);

	//Mouth
	fill('black');
	ellipse(300,400,150,60);

	fill('tan');
	ellipse(300,390,150,60);

	//Nose
	fill('black');
	rect(310,310,6,50);

	fill('black');
	rect(276,360,40,6);

}

This was my first successful attempt at coding and I really enjoyed it! I liked the process of getting to make something unique through trial-and-error, and was surprised at how easy it was to write and edit the code in Sublime.

Kyle Leve-Looking Outwards-01

An interactive project that I had discovered that inspires me is the works by Front Pictures. I find their work very interesting because it combines technology, music, and the human body to tell a story and create a performance. Every effect that is in all their performances seems to need a specific script timed perfectly to create the desired effect that corresponds with the music and characters. In addition, all the visual effects need to be programmed in a way that reflects the objects that are shown. It appears that there are only around 5-10 people in the group that focus on the effects, music, choreography, and overall story which makes what they do even more impressive. What I really admire about this project is that although there have been similar things to this in past, nothing is the same as what Front Pictures displays. This project points to an age where technology can be implemented in new ways to create live performances that tell unique stories in new and innovative ways.

Front Pictures performance.