mouseX2 p5.js 캔버스에 삼각형 그리기 triangle( ) 캔버스에 삼각형 그리기 [문법] 1) triangle( x1, y1, x2, y2, x3, y3 ) x1 : 1번째 꼭지점의 x 좌표값 y1 : 1번째 꼭지점의 y 좌표값 x2 : 2번째 꼭지점의 x 좌표값 y2 : 2번째 꼭지점의 y 좌표값 x3 : 3번째 꼭지점의 x 좌표값 y3 : 3번째 꼭지점의 y 좌표값 p5.js 한 점을 중심으로 넓이가 달라지는 삼각형 만들기 triangle( ) + mouseX + mouseY 2020. 12. 1. p5.js 마우스의 현재 수평 or 수직 위치 담기 mouseX, mouseY mouseX : 캔버스 (0,0)에 대한 마우스의 현재 수평 위치 담기 mouseY : 캔버스 (0,0)에 대한 마우스의 현재 수직 위치 담기 2D상 (0,0)은 좌측 상단, WebGL상에는 (-너비/2, 높이/2)를 의미한다. 마우스 입력 대신 터치가 사용될 경우 mouseX는 가장 마지막 터치 지점의 x좌표값을 담는다. 마우스 입력 대신 터치가 사용될 경우 mouseY는 가장 마지막 터치 지점의 y좌표값을 담는다. p5.js 마우스 위치 담기 mouseX, mouseY 2020. 11. 28. 이전 1 다음 반응형
