Arduino&Processing (15) 썸네일형 리스트형 프로세싱으로 뮤직 비쥬얼라이저(Music Visualizer)만들기 오랜만에 프로세싱으로 뭐 좀 만들어 봤다. 이번에 만들었던 건 Music Visualizer 또는 Music Visualization이라고 불리는 것을 만들어 봤다. 프로세싱에서 minim이라는 라이브러리를 이용하여 노래를 재생했다. https://www.youtube.com/audiolibrary/music To my friend 프로세싱으로 모자이크 만들기 프로세싱에서 사진을 불러와서 모자이크를 해봤다. 위의 사진을 모자이크 해 볼 것이다. 코드는 첨부해놨다. 프로세싱으로 태극기 그리기 3.1절인 오늘 프로세싱으로 태극기를 그려봤습니다 태극기 그리는법에 맞춰서그렸지만 프로세싱에서 문제가 있는지/(나누기)가 안되서 노트북 계산기로실수(소수)를 넣어서 계산한것이때문에 약간의 오차가 있을수도 있습니다 프로세싱 가위바위보 게임 프로세싱으로 가위바위보 게임을 간단하게 만들어 봤습니다.코드는 대충 이런식인데요 일단 코드를 조시면 처음보는것들이 있는데요설명 하자면 일단 맨위의 PImage라는것은int, float, char과같은 자료형 의 종류인데요그중에서 이미지를 저장할수있는 자료형입니다. 그래서PImage[] img = new PImage[3];를 해석하면"PImage형태인 img라는 배열의 길이를 3으로 설정하겠다"라는 뜻입니다. 그러면 img배열에다가 3개의 이미지를 저장할수 있게됩니다. 다음으로이부분에서 loadImage라는 함수가 있는데요 이함수는 이미지를 로드해주는 함수 입니다.그래서 안에 들어가는 값은"이미지이름"입니다.여기서 주의할점은 확장명까지 적어야합니다. 가위, 바위, 보 이미지들을 각각불러와위에서 만든 img.. 9-4 프로세싱 면을 다뤄보자(타원) 안녕하세요 Apple입니다. 오늘은 "면을 다뤄보자"의 마지막 포스팅인타원을 그려보겠습니다. Processing에서 타원(원)을 그리는함수는 2개가 있는데요바로 타원이라는 뜻의 ellipse함수와 호의 뜻이있는 arc가 있습니다. 뜻 그대로 ellipse는 타원을 arc는 호를 그립니다. 일단 원을 그릴려면 원의 중심 좌표와가로길이와 세로길이가 필요합니다. 그래서 ellipse함수에는 4개의 값이 들어갑니다.ellipse 첫번째 값 원의 x중심 좌표 두번째 값 원의 y중심 좌표 세번째 값 원의 가로길이 네번째 값 원의 세로길이 예시 다음은 arc인데요위에서 설명했듯이 호를 그리는 함수 입니다.그래서 arc는 ellipse와는 다르게처음 각도값이랑나중 각도값이 필요한데요 Processing에서 각도의 단위.. 9.3 프로세싱 면을 다뤄보자(다각형) 안녕하세요 Apple 입니다. 오늘은 예고한데로 다각형을 그릴수있는 함수를 알아보겠습니다. 다각형 그리는 방법은 아주 간단합니다. 바로 vertex라는 함수를 사용하면 되는데요vertex함수를 사용하면 같이 사용되는 함수들이beginShape와 endShape 함수 입니다. 위의 코드를 작성하여 실행하면이런 도형이 만들어 집니다. vertex 첫번째 값 점의 x좌표 두번째 값 점의 y좌표 입니다. 첫번째 vertex부터 차래대로 다음vertex까지 선을 이어서 도형을 만듭니다. 예를 들어서vertex(0,0);vertex(500,500);vertex(0,500);라고 있으면 (0,0)에서 (500,500)으로 선을 잇고(0,500)으로 선을 이어서 도형을 만듭니다. beginShape과 endShape에.. 9-2. 프로세싱 면을 다뤄보자(사각형) 안녕하세요 Apple 입니다. 오늘은 예고한데로 사각형과련 함수들을 알아보겠습니다. 알단 Processing에서 사각형관련 함수는quad랑 rect가 있는데요 둘의 차이점은quad는 사각형을 그릴수있고rect는 직사각형을 그릴수 있습니다. 일단 사각형을 그리기 위해서는 4개의 점이 필요하죠?그래서 quad는 8개의 값을 받습니다. 첫번째 값 첫번째 점의 x좌표 두번째 값 첫번째 점의 y좌표 세번째 값 두번째 점의 x좌표 네번째 값 두번째 점의 y좌표 다섯번째 값 세번째 점의 x좌표 여섯번째 값 세번째 점의 y좌표 일곱번째 값 네번째 점의 x좌표 여덟번째 값 네번째 점의 y좌표 입니다.들어가는 값이 쫌 많죠? 4개의 점의 좌표를 하나하나 입력하기때문에quad의 인자값은 8개가 됩니다.(3D에서는 더많을수도.. 이전 1 2 다음
