사용자 정의 도형에 꼭짓점을 추가하기 시작합니다.
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
Constant:
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!