void setup(), void draw()

void setup() {
  size(300, 300);              // 스케치 창 사이즈
  background(30, 30, 100);     // 창 바탕색 설정
  noStroke();                  // 외곽선 제거
}

void draw() {
  fill(255);                      // 안쪽 면 색깔 설정
  ellipse(150, 150, 200, 150);    // 원형 그림
  fill(255, 255, 10);         
  ellipse(150, 150, 80, 80);
  fill(255);
  ellipse(160, 140, 15, 15);
  text("delicious fried egg", 100, 260);
  noLoop();
}

​

 

void  새로운 단락을 의미하며 함수를 나태내는 키워드

​

void setup() 함수는 처음에 한 번만 실행되며, 스케치창의 크기, 배경색 등 스케치에서 사용할 소스를 불러온다

• size(가로크기, 세로크기) 스케치 창을 픽셀 단위로 설정
• background(빨간색, 초록색, 파란색) 스케치창의 배경색 지정. 0 ~ 255까지.
• noSrtoke() 도형의 외곽선을 그리지 않음
• 한 번만 실행 후 void draw()  함수로 이동

​

void draw() 함수 안의 명령문을 1초에 60번 실행

• fill(색깔) 도형의 안쪽 면 색깔 설정
• ellipse(기준점 x좌표위치, 기준점 y 좌표 위치, 가로 크기, 세로 크기) 원형 그리기
• text(출력할 내용, 기준점 x위치, 기준점 y위치) 텍스트 출력
• noLoop() 반복 실행을 멈춤
• noLoop() 함수가 없다면 위 과정을 반복함

​

​

# 응용 - 쌍 계란

void setup() {
  size(300, 300);              // 스케치 창 사이즈
  background(30, 30, 100);     // 창 바탕색 설정
  noStroke();                  // 외곽선 제거
}

void draw() {
  fill(255);                      // 안쪽 면 색깔 설정
  ellipse(150, 150, 200, 150);    // 원형 그림
  fill(255, 255, 10);         
  ellipse(180, 150, 70, 70);
  fill(255, 255, 10);         
  ellipse(120, 150, 70, 70);
  fill(255);
  ellipse(130, 140, 15, 15);
  fill(255);
  ellipse(180, 140, 15, 15);
  text("delicious fried egg", 100, 260);
  noLoop();
}

​