Search

'원 그리기'에 해당되는 글 2건

  1. 2018.02.02 【 프로세싱 기초 #05 】공 움직이기 2
  2. 2018.02.02 【 프로세싱 기초 #04 】 공 움직이기 3

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

Language/프로세싱 2018. 2. 2. 10:51 Posted by 엑소더스팩토리
반응형

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


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


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

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



▶ 프로그램(code) : 

 



  ▶ 코드 설명 : 

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


 ▶ 실행결과(동영상) :





반응형

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

Language/프로세싱 2018. 2. 2. 10:41 Posted by 엑소더스팩토리
반응형

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


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


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





▶ 프로그램(code) : 

 


 


 ▶ 코드 설명 : 

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


 ▶ 실행결과(동영상) :



반응형