레퍼런스 beginShape()

beginShape()

사용자 정의 도형에 꼭짓점을 추가하기 시작합니다.

beginShape()endShape() 함수는 2D 또는 3D에서 사용자 정의 도형을 만드는 것을 가능하게 합니다. beginShape() 는 사용자 정의 도형에 점을 추가하기 시작하며, endShape() 는 점을 추가하는 것을 중단합니다.

매개변수 kind 는 만들 도형의 유형을 설정합니다. 기본적으로, 불규칙적인 다각형을 그릴 수 있습니다. 'kind'에 사용할 수 있는 모드는 다음과 같습니다.:

  • POINTS 로 일련의 점을 그립니다.
  • LINES 로 연결되지 않은 선분을 그립니다.
  • TRIANGLES 로 분리된 삼각형을 그립니다.
  • TRIANGLE_FAN 은 첫 번째 점을 공유하는 연결된 삼각형 시리즈를 부채꼴 모양으로 그립니다.
  • TRIANGLE_STRIP 은 연결된 삼각형을 줄 형태로 그립니다.
  • QUADS 를 사용하면 별개의 사분면(quads)을 그립니다.
  • QUAD_STRIP 를 사용하면 인접한 변을 사용하여 그 다음 사각형을 구성하는 사각형 줄을 그립니다.
  • TESS 를 사용하면 뚜렷한 테셀레이션(tessellation)을 통해 곡선을 채웁니다 (WebGL에서만 가능).

beginShape() 를 호출한 후에는 vertex(), bezierVertex(), quadraticVertex() 그리고 curveVertex()를 호출하여 도형을 구성할 수 있습니다. endShape()를 호출하면 도형에 점을 더하는 것을 중단합니다. 각 도형은 현재의 색상으로 윤곽선과 도형 색상이 채워집니다.

beginShape()endShape()사이에서는

translate(), rotate(), scale() 과 같은 변형기능이 작동하지 않습니다. 또한 ellipse()rect()beginShape()endShape() 사이에서 사용할 수 없습니다.

예제

구문

beginShape([kind])

매개변수

kind

either POINTS, LINES, TRIANGLES, TRIANGLE_FAN TRIANGLE_STRIP, QUADS, QUAD_STRIP or TESS.

Notice any errors or typos? Please let us know. Please feel free to edit src/core/shape/vertex.js and open a pull request!

관련 레퍼런스