Author: kwburges@andrew.cmu.edu

LookingOutwards-02

This picture uses algorithms to create a colorful and precise drawing.  What I find amazing about these types of algorithms is that they are completely man made yet similar patterns can be found in nature in snails shells, trees and many other natural objects.  I have no idea how this algorithm was formed but considering what I have learn thus far, it would include a series of repeated functions combined together to form repeated shapes and patterns.  I think that the artist’s representation came out mainly through the colors which flow into each other harmoniously.  What draws me and many other people to art like this is its perfection yet unpredictability.  When I look at this picture I can both admire and be in awe of the mathematical perfection which leave me wondering how mathematicians were able to turn algorithms into art.

mathart

created in 2012
https://ablogappart.wordpress.com/tag/math-art/

Project-02-Variables-Face

sketch
sketch-13.js


var eyeSize = 20;
var faceWidth = 100;
var faceHeight = 200;
var Rf;
var Gf;
var Bf;
var Re;
var Ge;
var Be;
var rect1y=(480/2-100);
var rect2y=(480/2-130);


function setup() {
    createCanvas(640, 480);

}

function draw() {
    background(200,100,150);
    //face
    rectMode(CENTER);
    fill(Rf,Gf,Bf);
    ellipse(width / 2, height / 2, faceWidth,  faceHeight);
    var eyeLX = width / 2 - faceWidth * 0.30;
    var eyeRX = width / 2 + faceWidth * 0.30;
    //eyes
    fill(Re,Ge,Be);
    ellipse(eyeLX, (height / 2-40), eyeSize, eyeSize);
    ellipse(eyeRX, (height / 2-40), eyeSize, eyeSize);
    ellipse()
    //mouth
    p1 = {x: 200, y: 200}, p2 = {x:350, y:275 };
    p3 = {x:290, y: 275}, p4 = {x: 200, y: 200};
    noFill();
    stroke(0);
    curve(p1.x, p1.y, p2.x, p2.y, p3.x, p3.y, p4.x, p4.y);
    //nose
    q1 = {x: 230, y: 200}, q2 = {x:350, y:240 };
    q3 = {x:310, y: 260}, q4 = {x: 200, y: 200};
    curve(q1.x, q1.y, q2.x, q2.y, q3.x, q3.y, q4.x, q4.y);


}

function mousePressed() {
    //when clicked the face and eyes change shape and color
    //color
    Rf= random(0,255);
    Gf=random(0,255);
    Bf=random(0,255);
    Re= random(0,255);
    Ge=random(0,255);
    Be=random(0,255);
    //shape
    faceWidth = random(100, 250);
    faceHeight = random(150, 300);
    eyeSize = random(10, 50);
    rect2y=(2-(faceWidth/2));
    rect1y=((width/2),(faceHeight-10),60,80);

}

I had trouble figuring out curves and uploading the document.

BurgessKate-LookingOnwards01

Computer animations have always been inspiring to me. As a child, I was hypnotized by the worlds that were created from nothing. The project that pushed me to take this class is a Pixar animated short called “Piper”. “Piper” is the story of a baby sanderling learning how to find oysters. Through this short, Pixar has managed to created extremely life-like images as well as tell a story without words and in a short amount of time. “Piper” was created by various teams of writers and animators spearheaded by director Alan Barillaro. The strategy behind the creation of the characters is what really interests me. Instead of creating human-like attributes on animals, such as adding eyebrows, “Piper” uses exaggerated attributes to allow connection to the characters while keeping their animal-like figures. In order to do this, the team turned to nature for inspiration, following sanderlings and taking pictures. The attention to detail is also outstanding. There are 4.7 to 7 million feathers on each bird in the short. Nevertheless, this took years to create using innovative perspectives on existing technology like Maya. “Piper” brings forward the possibility of even more detailed and imaginative animated shorts in the future.

kwburges-01-face

sketch-13.js

function setup() {
    createCanvas(600, 600);
}

function draw() {
	background(51,0,51);
  //hair
  fill(30,0,0)
  ellipse(250,250,75,100)
  ellipse(215,280,25,50)
  ellipse(280,280,25,50)
  //body
  fill (0,0,153)
  ellipse(250,375,100,200)
  //face
  fill (255,178,102)
  ellipse (250,250,70,70)
  //eyes
  ellipse(240,250,10,10)
  ellipse(260,250,10,10)
  fill(0)
  ellipse(240,250,5,5)
  fill(0)
  ellipse(260,250,5,5)
  //mouth
  arc(250, 270, 10, 20, 0, PI+QUARTER_PI, OPEN)
  //balloons
  fill(245,0,0)
  ellipse(400,200,55,55)
  fill(30,40,200)
  ellipse(425,190,55,55)
  fill(255,0,127)
  ellipse(380,150,55,55)
  line(375,170,330,280)
  fill(255)
  ellipse(390,240,55,55)
  fill(255,128,0)
  ellipse(350,195,55,55)
  //arms
  rect(200,320,10,10)
  rect(290,320,10,10)
  rect(300,310,10,10)
  rect(310,300,10,10)
  rect(320,290,10,10)
  rect(330,280,10,10)
  rect(190,330,10,10)
  rect(180,340,10,10)
  rect(170,350,10,10)
  rect(160,360,10,10)
  rect(170,370,10,10)
  rect(180,380,10,10)
  rect(190,390,10,10)
  //balloon strings
  line(350,220,330,280)
  line(363,240,330,280)
  line(380,265,330,280)
  line(410,210,330,280)


}