p5.js 캔버스에 타원 그리기 ellipse( )

 

• 캔버스에 타원 그리기 eillipse( )

• ellipseMode( ) 함수를 사용하여 타원의 시작점을 원의 중심으로 지정할 수 있음.

• 너비와 높이가 동일한 값으로 지정될 경우 원이 그려지며, 다른 값으로 지정될 경우 타원이 그러짐

• 높이값 입력을 생략할 경우, 너비값이 높이값으로 동일하게 적용됨

• 너비값이나 높이값을 음수(-)로 입력해도 절대값이 반영됨

  ---

[문법]

 

1) ellipse( x, y, w, [h] )

• x : 타원의 x 좌표

• y : 타원의 y 좌표

• w : 타원의 너비값

• h : 타원의 높이값

 

2) ellipse( x, y, w, h, detail )

• x : 타원의 x 좌표

• y : 타원의 y 좌표

• w : 타원의 너비값

• h : 타원의 높이값

• detail : (정수) 타원을 몇 개의 부분으로 나누어 그릴 것인가를 지정(WebGL 모드용)

 

---

p5.js 캔버스에 타원 그리기 ellipse( ) 함수

 

p5.js 캔버스에 따라다니는 원 만들기 ellipse( ) 함수 + mouseX, mouseY

p5.js 따라다니는 타원 만들기 ellipse( ) + mouseX, mouseY

---