Alex Chaos

Chaos

For this project, I wanted to create grid similar ti the lines that were the example.  and as you moved left to right, the squares got more randomized.  However, in class, we were taught how to randomize color and create a “vibrating” shape in the mouse cursor.  My idea then developed into creating a organized greyscale grid of squares that were “activated” (motion and color) only when the mouse was on top of one square.  After making it, I came to realize that it resembles pretty much my life motto, standing out from a crowd. However, that only standing out if activated part adds an interesting twist to the moto and makes me think about if I am “activated” at certain times and am not truly a person who stands out on their own.

 

 

void setup() {
  size(600, 200);
}

void draw() {
  fill(50,50,50,20);
  rect(0,0,600,200); 
  frameRate(25);
  float dx=random (-15, 15);
  float dy=random (-15, 15); 
  float r=random(0,255);
  float g=random(0,255);
  float b=random(0,255);
  float s=random(1,10);
  
  for (int y=0; y< =height; y+=30) {
    for (int x=0; x<=width; x+=25) {       if ((mouseX > x) && (mouseX < (x+20)) && (mouseY > y) && (mouseY < (y+20))){
        fill(r,g,b);
        strokeWeight(s);
        stroke(r,g,b);
        rect (x+dx, y+dy, 20, 20);
      } 
        else {
        fill(155);
        strokeWeight(1);
        stroke(0);
        rect (x, y, 20, 20);
      }
    }
  }
}