본문 바로가기
728x90
반응형

processing8

[Processing] Chapter4_variables Many variables [예제] 변수 여러개를 사용해서 동그라미가 일정크기 이상 커졌다가 다시 원점으로 돌아가는 형태가 반복되게 구현해볼 것이다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 float x,y,w,h=0; float colorFill,circleStroke=0; float change=0.5; void setup(){ size(480,270); } void draw(){ background(255); noStroke(); fill(colorFill); ellipse(x,y,w,h); x+=change; y+=change; w+=change; h+=change; circl.. 2022. 3. 12.
[Processing] bounce ball 양쪽 벽에 공이 충돌하면 튕겨나가는 프로그램을 만들어 볼 것이다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 int x,y; int diam;//ball's diameter //ball's direction int xDir; int yDir; void setup(){ //Initialize variables in setup() size(600,400); x=10;//if x is 0 --> it alreay less than 0 --> error y=100; diam=30; xDir=+4; } void draw(){ background(200); ellipse(x,y,diam,diam);.. 2022. 3. 10.
[processing] Chapter3_Interaction ellipseMode() ellipse의 매개변수를 통해 ellipse가 그려지는 위치를 수정하는 것이다. ellipseMode(CENTER) 기본모드이다. 처음 두 매개변수가 ellipse의 중심점을 말하고, 3번째와 4번째 변수가 너비와 높이를 말한다. ellipseMode(RADIUS) 얘 또한 처음 두개의 매개변수를 도형의 중심점으로 잡고, 3번째 4번째 매개변수는 도형의 너비 및 높이를 설정하는데, 이때 매개변수에 들어간 인자의 2배의 크기의 도형이 출력된다. ellipseMode(CORNER) 얘는 ellipse(왼쪽 위의 x좌표,왼쪽 위의 y좌표, 너비,높이) 이다. ellipseMode(CORNERS) 왼쪽 위 x,y좌표 오른쪽 끝 x,y좌표를 정해서 대략적인 크기를 정해주는 함수이다. s.. 2022. 3. 10.
[processing] Chapter1_Pixel,Shape canvas run 누르면 나오는 애가 canvas ellipse 캔버스에 원을 그려주고 싶을때 사용하는 함수. ellipse(x좌표,y좌표,너비,높이) rect와 차이점이 있다면 rect는 사각형을 그려주고, 기준점이 왼쪽 상단/ ellipse는 원을 그려주고 기준점이 중심 size canvas의 크기 지정 컴퓨터가 생각하는 좌표평면과 사람이 생각하는 좌표평면이 다르다는 것을 주의해야한다. 사람은 (0,0)이 중간에 있다 생각하지만 컴퓨터는 (0,0)이 왼쪽 끝에 있으며 y축은 올라가는 방향이 아니라 내려가는 방향이다. line line(x좌표 시작,y좌표 시작, x좌표 끝,y좌표 끝) rect rect(x좌표 기준점, 가로 길이, y좌표 기준점, 세로 길이) triangle triangle(첫번째 점.. 2022. 3. 3.
728x90
반응형

티스토리툴바