라즈이노 iOT

【 프로세싱 기초 #6】 공 움직이기 3

 앞 예제에서 공이 한 쪽 방향으로 지나가기만 해서는 별 재미가 없었다. 

그래서 이번엔 공이 한 쪽 끝에 다다르면 튕겨서(?) 반대편으로 계속 왔다 갔다 하는 프로그램을 만들어 보자 

▶ 포인트 :  size(300, 200) 의 x 좌표 값인 width 함수를 이용 하여 비교문을 통해 끝점 값 인지 비교하여 Direction 변수에 -1 값을 곱하여 반대 방향으로 x 값이 줄어 들도록 한다. 

▶ 프로그램(code) : 

 ▶ 코드 설명 : 

  if문에   xDirection = xDirection * -1    또는 xDirection *= -1;  를 넣어 처리 한다.

 ▶ 실행결과(동영상) :

【 프로세싱 기초 #05 】 공 움직이기 2

 앞의 문제에서 공이 움직이는 것으로 보이긴 했으나, 이미 그려진 것을 지워 주지 않아 깔끔하지가 않았다.  여기서는 지우는 방법 외에 잔상의 색과 배경색을 일치시키는 간단한 방법으로 지워진 효과를 구현해보려 한다.

▶ 포인트 : background()  함수를 이용하여 배경색을 바꿀 수 있다.  

인자 값으로 : 0~ 255 값을 지정할 수 있다.   ( 0: 검정색,   255 : 흰색 )

▶ 프로그램(code) : 

  ▶ 코드 설명 : 

  기존 앞 예제의 코드에 background(128); 를 추가 하였다. 

 ▶ 실행결과(동영상) :

【 프로세싱 기초 #04 】 공 움직이기 

프로세싱 언어가 얼마나 쉽고 간결한지 아래처럼 단 한 줄 만으로도 화면에 타원을 그릴 수 있다. 

▶ 포인트 : 원 그리기 ellipse 를 이용하며,  x 좌표 값을 변수로 처리하여 반복 실행 시키면 원이 이동하면서 계속 그려진다.

▶ 프로그램(code) : 

 ▶ 코드 설명 : 

  가로 세로 20 픽셀의 원을 그리고 Y 좌표 100의 위치에, X(xPos) 좌표 0 의 위치부터 draw()루프 를 통해 계속 반복으로 그려지게 된다. 

 ▶ 실행결과(동영상) :