본문 바로가기

미디어아트.아트코딩21

[프로세싱] 시스템 변수 변수명설명width스케치창의 가로 너비height스케치창의 세로 높이mouseX마우스 x 좌표 현재 위치mouseY마우스 y 좌표 현재 위치pmouseX마우스 x 좌표 이전 위치pmouseY마우스 y 좌표 이전 위치key키보드에서 가장 최근에 눌린 키keyCode어떤 특수키를 눌렀는지 체크keyPress키보드의 키가 눌렸는지 체크mousePressed마우스를 눌렸는지 체크frameCount지금까지 처리된 프레임 수frameRate평균적으로 처리된 초당 프레임 수 2025. 2. 4.
[프로세싱] 랜덤하게 숫자 출력하기 int[] myNum= new int[5]; // 정수형태의 배열 myNum을 선언하고 배열 크기는 5로 설정int x, y; // 출력할 숫자의 좌표 위치를 정수 x, y로 함int index; // 배열의 요소를 지정void setup(){ size(720, 480); background(255); myNum[0]=5; // 각 배열에 정수 값을 지정 myNum[1]=10; myNum[2]=19; myNum[3]=27; myNum[4]=49;}void draw(){ index = int(random(5)); // 배열의 요소 5개 중 랜덤하게 요소를 설정 x = int(random(width)); // 랜덤하게 뽑은 요소가 표시될 x 값 y = int(random(heig.. 2025. 2. 4.
[프로세싱] 명령어 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.

티스토리툴바