[시각화 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)까지 선 그리기
}

 

 

# 코드실행 순서

위에서 아래로 순차적으로 실행됨