[시각화 p5.js] 원과 사각형 그리기
[시각화 p5.js] 원과 사각형 그리기// 원과 사각형 그리기function setup() { createCanvas(300, 300); background(100); ellipse(150, 150, 100, 90); //ellipse(x좌표, y좌표, width, height) rect(150, 150, 80, 120); //rect(x좌표, y좌표, width, height)} p5.js web editor
2025. 3. 11.
[시각화 p5.js] 점과 선 그리기
점과 선 그리기// 점과 선 그리기function setup() { createCanvas(300, 300); // 캔버스 크기 pixel background(200); // 배경색 strokeWeight(2); // 점.선 굵기 (픽셀) point(150, 120); // x,y좌표 point(150, 180); // x,y좌표 line(0, 0, 300, 300); // 좌표 (0,0)에서 (300,300)까지 선 그리기 line(300, 0, 0, 300); // 좌표 (300,0)에서 (0,300)까지 선 그리기} # 코드실행 순서위에서 아래로 순차적으로 실행됨
2025. 3. 11.
