Thursday, October 27, 2011

Drawing 2




int rw =10;
int rh =10;
int diam =10;
float a = 200;

void setup(){

size (720,720);
frameRate(5);
smooth();
background(180);
stroke(0);
strokeWeight(10);
fill(255,1);

}

void draw(){
  a = a - 2;
  if (a < 0) {
    a = height;
  }
  line(0, a, width, a);
    if (mousePressed == false){
  if (rw<=width){
rect(a,a,rw,rh);
rw+=10;
rh+=10;
}
}
if (mousePressed == true){
  if (diam<height){
    ellipse(mouseX, mouseY, diam, diam);
diam+=10;
  }
}
}


I did not really know what I was supposed to do so I made my drawing draw itself. It is completely different every time you run the program. when you click a ellipse radiates out from where click and a rect radiates from a point 200,200 to 0.0 and a line moves from 200,200 to the top.

Monday, October 24, 2011

Processing Practice Image 1




size(500,500);
background(0);
smooth();
noStroke();
fill(0,0,255,255);
ellipse(250,250,100,100);
fill(250,255,0,150);
ellipse(200,250,100,100);
fill(255,0,0,150);
ellipse(300,250,100,100);
fill(0,255,0,150);
ellipse(250,200,100,100);
fill(255,145,0,150);
ellipse(250,300,100,100);
noFill();
stroke(0);
strokeWeight(75);
ellipse(250,250,200,200);
noStroke();
fill(0,255,0,255);
beginShape();
vertex(247, 312.5);
vertex(258, 312.5);
vertex(258, 500);
vertex(247, 500);
endShape(CLOSE);
beginShape();
vertex(247, 400);
vertex(220, 370);
vertex(220, 350);
vertex(235, 360);
endShape(CLOSE);
noStroke();
fill(255, 0, 239, 50);
beginShape();
vertex(180, 180);
vertex(320, 180);
vertex(320, 320);
vertex(180, 320);
endShape(CLOSE);
fill(255, 0, 0, 50);
beginShape();
vertex(250, 350);
vertex(150, 250);
vertex(250, 150);
vertex(350, 250);
endShape(CLOSE);


This Practice Image took me a lot longer then I had initially thought it would take. I am used to doing math in my head but this brings a whole new meaning to the phrase. To make some of the things line up I had to either use Trigonometry or the guess method to find where points would intersect. I then used guidelines that I later deleted after I was done using them in order to make sure that points added up. I am looking forward to adding motion to my processing skills in the weeks to come.

Wednesday, October 19, 2011

Interactive Video Project

When we first started this project I had no idea what I was going to do, let alone how to make the video interactive. I began to think of things that I use everyday that we interactive, and the one that kept coming back to me was video games. Almost every kid (male(some female)) that I know has owned at least one video game in their lifetime. I wanted to do a spin off of a game. I had no idea how to make an actual game so I decided to go with the next best thing which was a video in which a fight occurs and though you win every time you can choose how you win. One of my favorite video games as a kid was Mortal Kombat. I decided I wanted to do a simple comical version of the game that involved stick figures. I used a program called pivot to make the animated gif.s that I used to create the project. The rest of the project was pretty simple. I made a sub-site to the site that I made for the last project. I made each page link to one an other either by clicking on one of the gif.s or clicking on one of the Divs that I created at the bottom of the page. These Divs ended up linking to the finishing moves that I created in pivot. I had a great time doing this project even though it took a lot of time to create even something as simple as this project that I made. I hope everyone enjoyed my project as much as I did making it.