1) 문자의 크기와 표현

• textSize(크기); // 문자의 크기를 픽셀 단위로 설정
• text(출력 값, x, y); // 숫자, 문자 및 문자열을 좌표(x,y)에 출력
• 숫자는 그대로, 문자는 작은 따옴표(’ ‘), 문자열은 큰따옴표(” “)로 표기
• 문자 또는 문자열이 출력되는 기준점은 첫 문자의 좌측 하단

2) 문자열의 정렬

• textAlign(가로정렬);

// 가로정렬 모드 - LEFT, RIGHT, CENTER

3) 배경색 바꾸기

• background(grayscale); // 0(검정색)~255(흰색) 무채색으로 배경색 지정
• background(r, g, b); // r, g, b에 각각 0~255를 입력하여 다양한 배경색 지정 가능
• background(’색상명’); // 색상명을 영어로 입력하여 배경색 지정 가능

4) 원의 외곽선 색상 바꾸기

• noStroke(); // 선 및 도형의 외곽선을 그리지 않음
• stroke(); // background와 똑같이 grayscale, rgb, 색상명 모두 사용 가능

5) 원의 내부 색상 바꾸기

• noFill(); // 도형의 내부 색상을 설정하지 않음
• fill(); // 도형의 내부 색상을 지정. grayscale, rgb, 색상명 모두 사용 가능
• fill(grayscale, alpha); or fill(r, g, b, alpha); // alpha에 0(투명)~255(불투명) 설정

6) 문자열의 내부 색상 바꾸기

• fill(r, g, b);

과제3) 올림픽 오륜기를 그려봅시다.

• textAlign(가로정렬, 세로정렬);

// 세로정렬 모드 추가 - TOP, CENTER, BOTTOM

제목 없음