processing
Download
Skip this Video
Download Presentation
Processing

Loading in 2 Seconds...

play fullscreen
1 / 14

Processing - PowerPoint PPT Presentation


  • 119 Views
  • Uploaded on

Processing. PDE. Processing Develop Environment : 개발 툴 Download http://processing.org/download / JDK 설치되어 있어야 함 Windows, Linux, Mac 지원 기본 사용법 첨부된 pdf 의 Ch.1, 2 참조. 기본. setup / draw 실행시 한 번만 호출되는 setup 함수에서 기본 설정 등을 수행 draw 함수는 매번 반복 수행되는 함수로 main 함수처럼 사용 가능

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'Processing' - hastin


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
slide2
PDE
  • Processing Develop Environment : 개발 툴
  • Download
    • http://processing.org/download/
    • JDK 설치되어 있어야 함
    • Windows, Linux, Mac 지원
  • 기본 사용법
    • 첨부된 pdf의 Ch.1, 2 참조
slide3
기본
  • setup / draw
    • 실행시 한 번만 호출되는 setup 함수에서 기본 설정 등을 수행
    • draw 함수는매번 반복 수행되는 함수로 main 함수처럼 사용 가능
      • C나 Java의 main 함수와 다르게 반복 호출됨
  • size
    • 기본 화면 size를 설정해야함
    • Parameter는 width, height
slide4
Variables, Functions, Objects, Arrays
    • 변수 선언/할당, 함수, 클래스, 배열 등은 기본 Java 문법과 동일
  • Key
    • 도형 등을 그리는 함수들과 여러 예약어들이 존재하고 있으나 종류가 많지는 않음
    • 기본 문법이 Java와 유사하기 때문에 기술적인 문제점도 많지 않을 것으로 판단됨
    • 가장 중요한 부분
      • 어떻게 표현할 것이냐
      • 어떻게 표현할 것인지를 수식이나 알고리즘으로 도출하는 것이 중요
slide5
기본 그리기
    • point 함수
      • Parameter : x, y
    • line 함수
      • Parameter : x1, y1, x2, y2
      • 두 점을 잇는 선을 그림
slide6
삼각형
    • triangle 함수
      • Parameter : x1, y1, x2, y2, x3, y3
      • 세 점을 잇는 삼각형을 그림
  • 사각형
    • quad 함수
      • Parameter : x1, y1, x2, y2, x3, y3, x4, y4
      • 네 점을 잇는 사각형을 그림
  • 직사각형
    • rect함수
      • Parameter : x, y, width, height
      • 한 점을 기준으로 높이와 너비를 가진 직사각형
slide7
원/타원
    • ellipse 함수
      • Parameter : x, y, width, height
      • 한 점을 중심으로 가로 지름(width), 세로 지름(height)를 갖는 원/타원을 그림
    • arc 함수
      • Parameter : x, y, width, height, start, stop
      • ellipse 함수와 비슷하지만 start, stop으로 시작과 종료지점을 표현 (각각 radian 값)
      • 3시 방향이 0이고 시계 반대 방향으로 radian이 증가함
      • Degree와 radian변환을 위한 함수 제공 (radians : parameter로 degree, radian을 리턴)
slide8
기타
    • Drawing order : 나중에 그려지는 개체가 상위에 놓임
    • smooth 함수 : 선을 부드럽게 그림
    • strokeWeight : 선 굵기 (parameter는 pixel)
    • strokeCap, strokeJoin : 각각 선의 시작과 끝 모양, 선이 만나는 모양을 결정하는 함수
    • background, fill 함수에서의 색상 :Parameter로 R, G, B 색상값 (0~255)을 입력받음
    • Custom Shapes
      • vertex(x, y) : 임의의 점을 그리고 여러개를 호출시 각 점을 잇는 임의의 도형을 그림
      • beginShape()와 endShape()로 custom shape를 그리는 시작과 끝을 명시해야함
keywords
Keywords
  • 제공하는 예약어들
    • mouseX, mouseY : 현재 마우스 포인터 좌표
    • pmouseX, pmouseY : 이전의 마우스 좌표
    • mousePressed : 마우스 버튼이 클릭되었는지 여부를 저장
    • mouseButton : 클릭된 마우스 버튼을 저장 (LEFT / CENTER / RIGHT)
    • keyPressed : 키가 눌렸는지 여부를 저장
    • key : 눌린 키 값을 저장 (keyCode로 비교)
slide10
기타 연산에 사용되는 편리한 함수
    • dist 함수 : 이전 좌표와 현재 좌표의 거리차를 자동으로 연산
    • map 함수 : 변화의 범위와 따라 지정된 최대, 최소값 내에서 값을 매핑
      • 예 :map(mouseX, 0, width, 60, 180)
      • 의미 : 마우스 x 좌표가 0에서 width까지 변화할 때 각 지점을 60~180 사이의 값으로 매핑
    • width, height
      • 둘 다 예약어로 화면의 높이와 너비를 저장하고 있음
motion
Motion
  • 움직임을 위해 필요한 함수/ 기능들
  • 기본적으로 매번 반복되는 draw 에서 처리
    • frameRate : 초당 최대 frame 수를 설정하는 함수
    • random : parameter로 최소, 최대 값을 입력하면 해당 범위 내에서 임의의 값 리턴(float)
    • millis : 프로그램 시작과 동시에 흘러가는 ms단위의 count 값 리턴
slide12
Circular
    • Sine, cosine 값을 연산하기 위한 sin, cos함수 제공
    • Parameter는 radian이며 float 타입 리턴
  • 좌표계 변경
    • translate : 좌표계 자체를 움직이는 함수이며,parameter로 움직이는 x, y 방향의 수치 입력
    • rotate : 좌표계 회전.Parameter로 회전시킬 값을 radian으로 입력함
    • scale : 좌표계를 확대, 축소.1이 원래 크기임
extend
Extend
  • Library 제공
    • Download
      • http://processing.org/reference/libraries
    • Download 후 PDE menu에서 import
  • 3D
    • 사용할 renderer 설정 (P3D, OPENGL, …)
    • 대부분의 함수에서 z 좌표값 parameter로 추가
    • 예 :size(440, 220, OPENGL)
    • 의미 :440x220 사이즈 화면을 가지며 OpenGL 사용
slide14
Image Export
    • 현재 보여지는 화면을 image로 저장
    • saveFrame함수를 사용
      • Parameter로 저장할 파일명을 입력
      • Parameter에 #(hash mark) 입력시 현재 frame number로 자동 대체함
    • JPG, PNG, TIF 기본 지원
ad