[프로세싱] 움직이는 이미지 만들기 - 응용

움직이는 이미지 만들기 - 응용입니다.

​

이번에는 원을 2개 만들고 하나는 좌우로, 하나는 상하로 움직이도록 만들어 보자.

기본 소스를 활용합니다.

int x=100;
int speedX=5;
int y=100;
int speedY=10;

void setup() {
  size(640, 480);   
}

void draw() {
  background(255);
  fill(0, 200, 200);                     
  ellipse(x, 240, 50, 50);
  fill(200, 0, 200);
  ellipse(320, y, 60, 60);
  x=x+speedX;  
  if(x > width-25 || x < 25) { 
    speedX=speedX*-1;  
  }  
  y=y+speedY;
  if(y > height-30 || y <30) {
    speedY=speedY*-1;
  }  
}

 

 

벽에 닿으면 튕기는 공

 

• 원의 색깔
• 원의 크기
• 속도 등을 다르게 설정해 보자.