프로세싱 - 이미지

프로세싱 - 이미지 : 프로세싱에서 외부이미지를 불러오고 출력하는 방법을 설명한 포스트입니다.

1. 메뉴 > Sketch > add files 에서 이미지파일 data폴더에 넣기. 

2. PImage A; : A라는 이미지 변수설정.

3. A = loadImage("K-2.png"); : 이미지변수 A에 K-2 저장.

4. image(A, x,y, width,height); : A라는 이미지를 화면에 출력함.

- x,y : 이미지의 왼쪽 위 구석 시작좌표.

- width, height : 이미지의 너비와 높이.

5. imageMode(mode)

- CORNER, CORNERS, CENTER을 매개변수로 사용.

CORNER : 기존

CORNERS : x, y : 이미지 왼쪽 위, width, height : 이미지 오른쪽 아래.

CENTER : x, y : 이미지 중심부, width, height : 너비와 높이

6. tint() : 이미지의 색상과 투명도 변경함수

매개변수 :

- gray : 흑백 -- tint(231);

- gray, alpha : 투명도 -- tint(231, 150);

- R, G, B, alpha: 빨강 초록 파랑 -- tint(234, 23, 23, 150);

- color : 컬러값입력 -- tint(#340707);

7. SVG파일 사용하는법 

- SVG 파일이란? Scalable(확장 축소가 가능한) Vector(크기와 방향이 있는 값) Graphics

-  SVG 파일 사용하기 : Sketch > add files 를하여 SVG파일을 DATA폴더에 추가한다.

- PShape A : A라는 벡터도형 변수 선언.

- A = loadShape("asd.svg"); : A를 asd.svg로 정의

- shape(A, x, y, width, height);

- x, y : 그림의 왼쪽 위 시작위치.

- width, height : 그림의 너비와 높이.

- shapeMode(mode)

CORNER, CORNERS, CENTER을 매개변수로 사용.

CORNER : 기존

CORNERS : x, y : 이미지 왼쪽 위, width, height : 이미지 오른쪽 아래.

CENTER : x, y : 이미지 중심부, width, height : 너비와 높이