P5.js 한국어 참조 (beginContour)

이 페이지에서는 P5.js 한국어 참조 의 beginContour 함수에 대해 설명합니다.

beginContour()

설명문

beginContour() 와 endContour() 를 사용해, "O"와 같은 중추 형상의 도형을 렌더링 합니다. beginContour() 는 형상의 정점의 기록을 개시해, endContour() 는 기록을 정지합니다. 먼저 외부 모양을 시계 방향 순서로 정점을 정의한 다음 내부 모양을 반시계 방향 순서로 정점을 정의해야 합니다.

이러한 함수는 beginShape()/endShape() 쌍 내에서만 사용할 수 있으며 translate(), rotate(), scale() 등의 변환은 beginContour()/endContour() 쌍 내에서 작동하지 않습니다. 또한 내부에서 ellipse() 나 rect() 와 같은 다른 모양을 사용할 수 없습니다.

구문

beginContour()

예 1

function draw() {
  background(255, 255, 130); // 背景を黄色に設定
  translate(50, 50);
  stroke(255, 0, 0); // ストロークを赤色に設定

  beginShape(); // 中抜形状の描画開始
    //形状の外側の部分、時計回り
    vertex(-40, -40);
    vertex(40, -40);
    vertex(40, 40);
    vertex(-40, 40);

    //形状の内部部分、反時計回り
    beginContour();
      vertex(-20, -20);
      vertex(-20, 20);
      vertex(20, 20);
      vertex(20, -20);
    endContour();

  endShape(CLOSE); // 中抜形状の描画終了
}
}

실행 결과

저작권

p5.js was created by Lauren McCarthy and is developed by a community of collaborators, with support from the Processing Foundation and NYU ITP. Identity and graphic design by Jerel Johnson.

라이센스

Creative Commons(CC BY-NC-SA 4.0)를 따릅니다.