※ Qiita에서는, 본문 부분만의 인쇄에 고생합니다. 그 때문에, 같은 내용을 이하의 페이지에도 게재하고 있습니다. 프린트 아웃하거나 PDF 화하고 싶은 사람은, 이쪽의 페이지를 이용해 주세요:

일람은 이쪽:
http://gurakura.sakura.ne.jp/series/미대생을 위한 프로그래밍 입문/

Qiita 버전의 종합 목차:
htps : // 이 m / 괜찮아 / ms / 37180d127, 93d0b8

자유로운 사각형을 그리는 법

함수 rect로 그려지는 사각형은 수평 및 수직 선분으로 구성된 직사각형이었습니다.
그러나 직사각형만이 사각형이라는 것은 아니며, 사각형이라는 정의에는 더 자유로운 형태의 사각형도 포함됩니다.

quad 함수는 이러한 자유로운 사각형을 그리기 위한 함수입니다.
인수는 quad(x1, y1, x2, y2, x3, y3, x4, y4)이며 각각

x1,y1: 第 1 頂点の x 座標および y 座標
x2,y2: 第 2 頂点の x 座標および y 座標
x3,y3: 第 3 頂点の x 座標および y 座標
x4,y4: 第 4 頂点の x 座標および y 座標

됩니다.

이런 표기는 조금 중복으로도 느껴지기 때문에, 이후, i=1,…,4에 대해,

$$
x_i,y_i :\mbox{제 i 정점의 x 좌표 및 y 좌표}
$$

등으로 표기하는 경우도 있습니다.

실제로 quad 함수를 사용하여 사각형을 그려 보겠습니다.

background(250,250,250);
size(500,500);

strokeWeight(10);
stroke(0,64,255);
fill(255,0,0);
quad(70,50, 80,400, 400,300, 250,280);

이 사각형은 언뜻 보면 삼각형의 동료처럼 보이지만, 4개의 정점으로 이루어진, 선명한 사각형입니다.

quad 함수는 지정한 4개의 정점을 연결하는 도형을 그릴 뿐이므로, 주는 파라미터에 따라서는 4각형이 되지 않는 경우가 있습니다 (아래의 프로그램과 그림을 참조).

이러한 경우에도 Processing 은 특별히 에러나 경고를 발행하지 않습니다.

background(250,250,250);
size(500,500);

strokeWeight(10);
stroke(0,64,255);
fill(255,0,0);
quad(70,50, 80,400, 400,300, 150,480);