p5.js 도형 선 두께 strokeWeight( ) 및 선 색 변경하기 stroke( )

1) stroke( )

• 그려질 선 또는 도형의 윤곽선 색상을 설정

• 색상값은 coloerMode( ) 로 지정된 현재 색상 모드에 따라 RGB 또는 HSB 로 지정

• 기본값으로 제공되는 색상모드는 RGB 이며 색상 범위는 0부터 255 까지 지정 가능

• 문자열 인수에 대해 RGB, RGBA, Hex CSS 색상 문자열과 더불어 명명된 모든 색상 문자열이 지원됨

• 단, 투명도 알파값을 설정하지 위해서는 반드시 RGBA를 사용해야 함

 

2) strokeWeight( )

• 선, 점, 도형 윤곽선을 그릴때 쓰이는 함수인 stroke( ) 의 결과값 두께를 설정

• 모든 두께는 픽셀 단위로 지정됨

 

---

[문법]

 

1) stroke( v1, v2, v3, [alpha] )

2) stroke( value )

3) stroke( values )

4) stroke( color )

• v1 : 빨간 색조 값

• v2 : 초록 색조 값

• v3 :  파랑 색조 값

• alpha : 선택사항 (숫자)

• value : 색상 문자열 (문자열)

• values : 숫자배열[ ]

• color : p5. Color : 선의 색상

 

5) strokeWeight (weight)

• weight : (픽셀 단위) 선의 두께 

---

p5.js 선 색, 선 두께 변경하기 stroke( ), strokeWeight( )

 

 

p5.js 선 색, 선 두께 변경하기 stroke( ), strokeWeight( )

---

* HTML 컬러 코드 찾기 사이트 html-color-codes.info/Korean/

HTML 컬러 코드