[시각화 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.
[프로세싱] 움직이는 이미지 만들기
1 움직이는 이미지를 만들어 보자.먼저, 스케치창의 크기는 640, 480 창의 색깔은 화이트(255)로 하고 원을 하나 만들어 준다void setup() { size(640, 480); background(255); }void draw() { fill(200, 0, 200); ellipse(100, 240, 100, 100);} 움직이는 그림 12 원이 X축으로 움직이도록 한다 int x=100;void setup() { size(640, 480); background(255); }void draw() { fill(200, 0, 200); ellipse(x..
2025. 2. 4.
