본문 바로가기

미디어아트.아트코딩/프로세싱 processing13

[프로세싱] 명령어 backgorund(빨강, 초록, 파랑)fill(빨강, 초록, 파랑) 0 ~ 255까지 숫자ellipse(x좌표, y좌표, 너비, 높이) xy 좌표에 xy크기의 원을 그린다. text(출력할 내용, x좌표위치, y좌표위치) 2025. 2. 4.
[프로세싱] 움직이는 이미지 만들기 - 응용 움직이는 이미지 만들기 - 응용입니다.​이번에는 원을 2개 만들고 하나는 좌우로, 하나는 상하로 움직이도록 만들어 보자.기본 소스를 활용합니다.int x=100;int speedX=5;int y=100;int speedY=10;void setup() { size(640, 480); }void draw() { background(255); fill(0, 200, 200); ellipse(x, 240, 50, 50); fill(200, 0, 200); ellipse(320, y, 60, 60); x=x+speedX; if(x > width-25 || x height-30 || y   벽에 닿으면 튕기는 공 원의 색깔원의 크기속도 등을 다르게 설정해.. 2025. 2. 4.
[프로세싱] 움직이는 이미지 만들기 1  움직이는 이미지를 만들어 보자.먼저, 스케치창의 크기는 640, 480 창의 색깔은 화이트(255)로 하고 원을 하나 만들어 준다void setup() { size(640, 480); background(255); }void draw() { fill(200, 0, 200); ellipse(100, 240, 100, 100);} 움직이는 그림 1​2  원이 X축으로 움직이도록 한다 int x=100;void setup() { size(640, 480); background(255); }void draw() { fill(200, 0, 200); ellipse(x.. 2025. 2. 4.
void setup(), void draw() void setup() { size(300, 300); // 스케치 창 사이즈 background(30, 30, 100); // 창 바탕색 설정 noStroke(); // 외곽선 제거}void draw() { fill(255); // 안쪽 면 색깔 설정 ellipse(150, 150, 200, 150); // 원형 그림 fill(255, 255, 10); ellipse(150, 150, 80, 80); fill(255); ellipse(160, 140, 15, 15); text("delicious fried egg", 100, 260); noLoop();}​ void.. 2025. 2. 4.
# 프로세싱 다운로드 및 설치하기 프로세싱 다운로드 및 설치하기processing.org 에 접속download 메뉴 클릭processing 4.3 for windows 버전 다운로드 ​압축을 푼 폴더에 있는 processing.exe 파일을 실행하면 된다.​ 2025. 2. 4.
# 프로세싱 관련 사이트 모음 프로세싱 관련 사이트 모음프로세싱 공식 홈페이지http://processing.org​오픈 프로세싱(예제 공유 사이트)https://openprocessing.org/다니엘 쉬프만 홈페이지 (교육자료 및 동영상 제공)https://shiffman.net​러닝 프로세싱 (다니엘 쉬프만의 교재 사이트)https://learningprocessing.com​헬로 프로세싱 (입문자를 위한 동영상 강좌)https://helllo.processing.org​안녕! 미디어아트 유튜브 채널https://bit.ly/2HQXGI8 2025. 2. 4.