Interactive video 2019 week 5 interactive video 2019


I focused on changing background patterns as object moves. 



//Codes

float xpos = 400;
float ypos = 400;
int num = 1;

void setup() {
  size(800, 800);
  background(255);
}


void mousePressed() {
  if (num == 1) {
    num = num + 1;
  } else {
    num = num - 1;
  }
}


void draw() {
  background(0);
  fill(0);
  float xp = constrain(xpos, 0, 800);
  float yp = constrain(ypos, 0, 800);
  
  if (num == 1) {
    circle(xp, yp, 50);
  } else {
    rect(xp - 20, yp - 20, 40, 40);
  }
  
  if (keyPressed == true) {
    if (key == 'a') {
      xpos = xpos - 5;
    } else if (key == 'd') {
      xpos = xpos + 5;
    } else if (key == 's') {
      ypos = ypos + 5;
    } else if (key == 'w') {
      ypos = ypos - 5 ;
    }
  }

  for (float i = 0; i < 800; i = i+30) {
      for (float k = 0; k < 800; k = k + 30) {
        
        //setting length for lines
          float len = abs(100 - (sqrt( pow(i - xpos, 2) + pow(k - ypos, 2))));
          
          //lines
          strokeWeight(3);
          stroke(xpos/3, ypos/3, len);
          if (i >= xpos && k <= ypos ) { // right - up
            line(i, k, i + len, k - len);
          } else if (i <= xpos && k <= ypos ) { // left - up
            line(i, k, i - len, k - len);
          } else if (i <= xpos && k >= ypos ) { // left - down
            line(i, k, i - len, k + len);
          } else if (i >= xpos && k >= ypos ) { // right - down
            line(i, k, i + len, k + len);

        }
      }
    }

}

덧글

댓글 입력 영역