본문 바로가기

728x90

p5.js 예제

(2)
KMOOC] 예술가와 디자이너를 위한 아트 코딩 2주 차 실습 예제 KMOOC] 예술가와 디자이너를 위한 아트 코딩 2주 차 실습 예제 KMOOC 예술가와 디자이너를 위한 아트 코딩 강의 2주 차 실습 예제들을 따라 해 보았다. 400,400 캔버스에 10*10 격자를 그린 후 rect() 함수를 이용해 그림을 그리는 것인데, 격자를 그린 후에 그림을 그리니 좌표 위치를 더 쉽게 파악할 수 있었다. 다만, 근본적으로 그림을 그리려면 형태를 격자 구조로 단순화하는 연습이 많이 필요할 것 같다. function setup(){ createCanvas(400,400); background(128); } function draw(){ // 가로축 line(0,40,400,40); line(0,80,400,80); line(0,120,400,120); line(0,160,400,..
KMOOC] 예술가와 디자이너를 위한 아트 코딩 1주차 실습 예제 KMOOC] 예술가와 디자이너를 위한 아트 코딩 1주 차 실습 예제 KMOOC 예술가와 디자이너를 위한 아트 코딩 강의 1주 차 실습 예제들을 따라 해 보았다. 비교적 간단한 도형들을 조합한거라 크게 어렵진 않았지만, 도형 그리기의 기본 문법이나 좌표에 아직 익숙하지 않아서 생각보다 시간이 좀 걸렸다. 그렇지만 이렇게 연습하다 보면 조금씩 손에 익을 거라고 믿는다. 실습 예제 1 cd function setup(){ createCanvas(400,400); background('#f0f0f0'); } function draw(){ strokeWeight(5); ellipse(200,200,320,320); ellipse(200,200,150,150); strokeWeight(2); ellipse(200,..

반응형