p5.js 두 점을 연결하는 곧은 선 그리기 line( )

• 화면에 두 점을 연결하는 곧은 선 그리기
• 이차원 평면 선
• stroke( ) 함수로 색상을 지정할 수 있음
• 선은 면을 갖지 않기 때문에 면채우기 함수인 fill( ) 함수가 적용되지 않음
• 기본 선 두께 1픽셀
• strokeWeight( ) 함수를 사용하여 선 두께를 변경할 수 있음

---

[문법]

 

1)line(x1, y1, x2, y2)

• x1 : 1번째 점의 x 좌표값
• y1 : 1번째 점의 y 좌표값
• x2 : 2번째 점의 x 좌표값
• y2 : 2번째 점의 y 좌표값

 

 

 

2)line(x1, y1, z1, x2, y2, z2)

• x1 : 1번째 점의 x 좌표값
• y1 : 1번째 점의 y 좌표값
• z1 : 1번째 점의 z 좌표값
• x2 : 2번째 점의 x 좌표값
• y2 : 2번째 점의 y 좌표값
• z2 : 2번째 점의 z 좌표값

 

 

 

p5.js 두 점을 연결하는 곧은 선 그리기 line( )