House of Blue Leaves

screen-shot-2016-09-23-at-4-52-59-pm

Growing up I was very self conscious about my drawing abilities. My drawings never looked like real life.  After 2nd grade I was done.  That was the extent of my visual artistic career until coming to ITP.  I still drew things but I never drew them with intentions.  I’d doodle and find figures that emerged from the ink.  I’ve loosened up since then and accepted that you can be an artist that isn’t an amazing illustrator but in the past two weeks I’ve seen that this tendency to just make things without intention and see what comes out of them has stuck. I just played with this until it felt somewhat finished.  When I was done and I was inspecting it it reminded me of the fight scene in Kill Bill at the House of Blue Leaves where this very blood is spilled on a snowy night.

 

This week I played around with animation.  We were tasked with  creating a sketch that included :

  • One element controlled by the mouse.
  • One element that changes over time, independently of the mouse.
  • One element that is different every time you run the sketch.

I made the center of the piece controlled by the movement of the mouse from left to right and with a random version of red.  This created a different background geometric shape every time you move the mouse from left to right.  The snow also randomly moved between a shade of light grey to white and was controlled by following the cursor.  Th red border ellipses (or the blood) moved randomly between (-4,4) either up and down and left to right and are also distinct every time the piece is run.  Finally, if you press down you can reset the scene and start all over again.

The code:

var w,h;
var xLoc = 200;
var littleDot = 50;
var yLoc=200;

function setup() {
createCanvas(400, 400);
background(0,21,251);

}

function draw() {
fill(255,255,255);
rectMode(CENTER);

w=map(mouseX,0,width,10,150);
rect(width/2,height/2,150,150);

fill(random(30,255),0,0);
ellipse(width/2,height/2,w,w);

ellipse(330,yLoc,25,25);
yLoc+=random(-4,4);

fill(random,0,random);
ellipse(xLoc,70,25,25);
xLoc+= random(-4,4);

ellipse(xLoc,330,25,25);
ellipse(70,yLoc,25,25);

fill(random(150,300));
ellipse(mouseX,mouseY,10,10);
}

function mousePressed() {
background(0,21,251);
fill(random(30,255),0,0);
}