마우스를 따라다니는 사각형


소스스케치

-------------------------------------------------------------------------------

void setup() {

  size(480, 320);

}


void draw() {

  background(255);         // 반복적으로 바탕색을 채움 이전 사각형은 지워짐.

  noStroke();

  fill(abs(mouseX-20),abs(mouseY-20),abs(mouseX-mouseY));  

                                   //마우스 위치에 따라 색상값지정

  rect(mouseX, mouseY, 50, 50);   

                                   //마우스 좌표를 시작점으로 가로세로 50x50 픽셀(?)의 사각형

}

-------------------------------------------------------------------------------


동작화면


프로세싱 선그리기(재귀함수)


-------------------------------------------------------------------

int a = 20;


void setup() {

  size(480, 320);

}


void draw() {

  background(255);

  stroke(255-a,a*1.7,(a*17)/2);    // 선에 색 변활를 주기위함.

  draw_line(10);

  a = a+2;

  if (a>255){a = 0;}

}



void draw_line(int i) {

  if (i <= 0) {     // 함수를 빠져나오기 위한 조건

    return;

  }

  line(0, 0, width/i, height);

  draw_line(i - 1);      //자신의 함수를 다시 호출

}

-------------------------------------------------------------------


결과화면


프로세싱 이동하는 사각형 그리기


소스스케치

---------------------------------------------------------------

int a = 0;

float b = 0.0;

float c = 0.0;


void setup(){

  size(480,320);

  background(255);

  noStroke();

}


void draw(){

  background(255);

  a=a+1;

  b=b+1.8;

  c=c+2.7;

  fill(a,b,a,100);

  rect(a,0,30,height/3);     // 사각형 그리기

  fill(b,a,c,100);

  rect(b, height/3,30,height/3);  

  fill(c,c,255-a,100);

  rect(c,(height*2)/3,30,height/3);

  

  if(a>width){a= 0;}

  if(b>width){b= 0;}

  if(c>width){c= 0;}

}

--------------------------------------------------------------





프로세싱 레퍼런스 http://processing.org/reference/

rect(x, y, width, height)
noStroke()


+ Recent posts