Winds Diary

Processing 3.3.6으로 'Nature of Code' 부록A 프로세싱 기초 따라하기.
10개의 각기 다른 색, 각기 다른 속도의 사각형 이동시키기. 사각형은 벽에 닿으면 반대쪽으로 튕긴다.
마우스를 누르고 있는 동안은 멈춘다.
마우스 이동 좌표 디버그 창에 표시.

18/4/11 수

변환처리
pushMatrix(); //종이 생성
popMatrix(); //종이 제거
이 두 사이에
rect(x, y, width, height); //사각형 그리기
translate(x, y); //이동처리
rotate(radians(45)); //45도 돌리기
scale(2) //2배로 키우기
등을 넣어 변환처리를 할 수 있다.

마우스 상태 함수들
void mouseClicked(){ } //마우스 클릭시 처리
void mousePressed(){ } //마우스 누를 때 처리
void mouseReleased(){ } //마우스 뗄 때 처리
void mouseDragged(){ } //마우스 드래그할 때 처리

마우스 상태변수
if(mousePressed){ } //마우스 누르고 있는 동안 실행
mouseX, mouseY //마우스의 x, y 좌표

float[] x = new float[10]; //x, y 위치
float[] y = new float[10];
float[] vx = new float[10]; //x, y 속도
float[] vy = new float[10];
float[] colorR = new float[10];  //R,G,B 색상
float[] colorG = new float[10]; 
float[] colorB = new float[10]; 
String str = "Display Test";

void setup(){
  size(300,300); //화면 크기
  background(200,100,10); //배경색
  fill(255,0,0); //채움 색 지정
  rect(20,20,40,40); //사각형 그리기
  fill(0,0,255);
  ellipse(100,40,40,40); //타원 그리기
  fill(0,255,0, 50);

  for(int i = 0; i < 10; i++){
    x[i] = random(width);
    y[i] = random(height);
    vx[i] = random(-2, 2);
    vy[i] = random(-2, 2);
    colorR[i] = (int) random(0, 255);
    colorG[i] = (int) random(255);
    colorB[i] = (int) random(255);
  }
  str += "!!";
  //디버그 창에 표시
  println(str);
}

void draw(){
  //전체 배경 다시 그릴 때
  //알파값 넣어 서서히 지워지는 효과 주기
  fill(255,255,255,10);
  rect(0,0,width,height);
  //마우스를 누르고 있는 동안
  if(mousePressed){
    //아무것도 안함
  }else{
    for(int i = 0; i < 10; i++){
      fill(colorR[i], colorG[i], colorB[i]); //무작위 색상
      rect(x[i],y[i],10,10);
      //속도에 따라 위치 변경
      x[i] += vx[i];
      y[i] += vy[i];
      //벽에 닿으면 반대쪽으로 튕기게 처리
      if(x[i] < 0 || width < x[i]) { vx[i] = vx[i] * -1; }
      if(y[i] < 0 || height < y[i]) { vy[i] = vy[i] * -1; }
    }
  }
  //디버그 창에 마우스 좌표 표시
  println(mouseX + " : " + mouseY);
}