레퍼런스 endShape()

endShape()

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

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

첫 번째 매개변수, mode 는 선택사항입니다. 기본적으로 도형의 첫 번째와 마지막 꼭짓점은 연결되지 않습니다. endShape(CLOSE) 와 같이 CLOSE 상수를 전달하면 첫 번째와 마지막 꼭짓점이 연결됩니다.

두 번째 매개변수, count 역시 선택사항입니다. WebGL 모드에서 이 매개변수는 동일한 도형의 많은 복사본을 효율적으로 그리기 위해 사용되는, 인스턴싱(instancing). 기법을 활용할 수 있습니다. 예를 들어, 사용자 정의 도형을 그린 후에 endShape(CLOSE, 400) 을 호출하면, 400개의 복사본을 효율적으로 그릴 수 있습니다. 이 기능은writing a custom shader을 요구합니다.

beginShape() 를 호출한 후에는, vertex(), bezierVertex(), quadraticVertex(), curveVertex() 등을 호출하여 도형을 만들 수 있습니다. endShape() 를 호출하면 도형에 꼭짓점을 추가하는 것이 중단됩니다. 각 도형은 현재의 색상으로 윤곽선과 도형 안의 색상이 채워집니다.

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

예제

구문

endShape([mode], [count])

매개변수

mode

CLOSE를 사용하여 모양을 닫습니다.

count

(WebGL 모드에서) 여러 복사본을 그리는 데 유용합니다.

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

관련 레퍼런스