processing
기본 도형 그리기

소개

통사론

• line (float x1, float y1, float x2, float y2)
• line (float x1, float y1, float z1, float x2, float y2, float z2)
• 타원 (float x, float y, float w, float h)
• rect (float x, float y, float w, float h)
• 삼각형 (float x1, float y1, float x2, float y2, float x3, float y3)

매개 변수

비고

선 그리기

Processing은 line() 이라는 메서드를 제공하여 화면에 선을 그립니다. 이 코드는 검은 색 배경에 흰색 10 픽셀 선을 그립니다.

void setup() {
    size(500, 500);
    background(0);
    stroke(255);
    strokeWeight(10);
}

void draw() {
    line(0, 0, 500, 500);
}

메소드 line() 의 서명은 이것입니다.

line(x1, y1, x2, y2);

x1 및 y1 은 시작점의 좌표입니다. x2 와 y2 는 끝점의 좌표입니다.

메서드 stroke() 는 그리는 선의 색상을 지정하는 데 사용됩니다.

strokeWeight() 메서드는 그리는 선의 두께를 지정하는 데 사용됩니다. (픽셀 단위)

직사각형 그리기

처리는 rect() 메소드를 제공하여 사각형을 그립니다. 이 코드는 검은 색 바탕에 흰색 50 X 50 사각형을 그립니다.

void setup() {
    size(500, 500);
    background(0);
    fill(255);
    noStroke();
}

void draw() {
    rect(225, 225, 50, 50);
}

메소드 rect() 의 서명은 이것입니다.

rect(x, y, w, h);

x 와 y 는 사각형의 좌표입니다. w 와 h 는 사각형의 너비와 높이입니다.

fill() 메서드는 사각형의 채우기 색상과 타원, 삼각형, 다각형과 같은 다른 모양을 지정하는 데 사용됩니다.

noStroke() 메서드는 사각형 주변에 획이 없음을 지정하는 데 사용됩니다. 이 방법은 타원, 삼각형, 다각형과 같은 다른 모양에도 영향을줍니다.

타원 그리기

처리는 ellipse 을 그리기 위해 ellipse 을 제공합니다. 이 코드는 반경 25 픽셀의 흰색 원을 그립니다.

void setup() {
    size(500, 500);
    background(0);
    fill(255);
    noStroke();
}

void draw() {
    ellipse(225, 225, 50, 50);
}

ellipse() 메서드의 서명은 this입니다.

ellipse(x, y, w, h);

x 와 y 는 타원의 좌표입니다. w 와 h 는 타원의 너비와 높이입니다.

삼각형 그리기

처리는 triangle 을 그리기 위해 메서드 triangle 을 제공합니다. 아래의 코드는 각 정의 점 사이에 25 픽셀의 거의 등변 삼각형을 그립니다.

void setup() {
    size(500, 500);
    background(0);
}
void draw() {
    triangle(0, 0, 25, 0, 12, 12);
}

triangle 의 서명은 다음과 같습니다.

triangle(x1, y1, x2, y2, x3, y3);

각 x 점은 점의 x 축에 해당하고 y 는 y 축에 해당합니다. 세 점은 합쳐져 삼각형을 이룹니다.

삼각형 그리기

처리는 triangle() 을 그리는 방법 triangle() 을 제공합니다. 이 코드는 검은 색 바탕에 흰색 삼각형을 그립니다.

void setup() {
    size(500, 500);
    background(0);
    fill(255);
    noStroke();
}

void draw() {
    triangle(250, 225, 225, 275, 275, 275);
}