본문 바로가기

AI대학원54

완전 초짜 VVVV : 마우스 인터랙션으로 그림판 기능 구현 ▷Mouse 노드와 renderer 활용1 저번에 배운 Mouse 노드를 활용해 renderer에 그림판 기능을 구현해보려고 한다. Mouse 노드와 unzip 노드의 활용은 이전 포스팅 완전 초짜 VVVV : 마우스 좌표값과 상태를 확인해보시면 된다. Mouse 노드와 Point 노드를 연결해 renderer 창 위에 마우스 포인터를 따라 마킹이 생기는 기능을 만들 수 있다. Mouse 노드의 오른쪽 클릭 핀과 renderer의 clear 핀(2번째 인풋핀)을 토글박스로 연결하면 마우스로 오른쪽 클릭을 하면 renderer 위의 모든 포인터가 지워지는 효과를 구현할 수 있다. ▷Mouse 노드와 renderer 활용2 이번엔 추가기능 구현이다. 중요한 건 Mouse 노드의 어떤 핀과 어떤 노드가 연결되.. 2021. 1. 25.
완전 초짜 파이썬 : 예제 총정리 예제1) '9X 둘 중 하나는 맞나요?'를 파이썬으로 표현 예제2) 입력(input)과 출력(print)를 활용해 이름과 나이를 묻고 그 결과를 출력하는 코드만들기 예제3) 국어, 수학, 영어 성적을 입력받고 수식을 활용해 평균값을 구해 출력하기 예제4) 1부터 10까지 숫자 중에서 짝수 출력하기: continue 사용 (while문으로) 예제5) 임의의 두 정수 입력받은 후 최소공배수 출력 (for문으로) 예제6) 리스트에 입력받은 원소가 있는지를 확인해 출력하는 코드 만들기 예제7) 딕셔너리 안에 해당 원소가 몇번 들어 있는지를 카운팅하는 코드 작성 예제8) 숫자를 입력받고 그 숫자에 해당하는 팩토리얼 실행 결과를 재귀함수를 활용해 출력하기 예제9) 가족 구성원 클래스를 만들고, 가구원 수 만큼의 객.. 2021. 1. 24.
완전 초짜 VVVV : 불규칙한 수치데이터 다듬기 불규칙적인 데이터를 바로 그래픽화 시켜 사용하다보면, 너무 급작스러운 변화 때문에 부자연스럽게 느껴질때가 있다. 따라서 보다 자연스러운 그래픽으로 만들기 위해선 수치 데이터를 다듬을 필요가 있다. 불규칙한 수치 데이터를 다듬을 때는 크게 2가지 노드를 사용한다. WaveShaper 와 Damper 이다. ▷WaveShaper WaveShaper는 인풋된 데이터들을 그래프의 파형모양으로 다듬어서 활용하는 노드이다. 크게 5가지 shape를 고를 수 있다. -Linear : 선형 / 최소값에서 최대값으로까지 상승하고 다시 처음인 최소값으로 돌아오는 방식 -inverse : 역순형 / 최대값에서 최소값으로 하락하고 다시 처음인 최대값으로 돌아오는 방식 -triangle : 삼각형 / 최소값에서 최대값으로 점차.. 2021. 1. 22.
완전 초짜 VVVV : 키보드 입력 Keyboard 노드 / KeyMatch 노드 / Stack 노드 / Map 노드를 활용해 키보드 방향키에 의해 움직이는 원을 만들어보려고 한다. ▷Keyboard 노드 위처럼 keyboard 노드를 활용해 외부에서 입력되는 keyboard 값을 판별할 수 있다. Keyboard 노드의 두번째 아웃풋핀은 누른 키보드 값을 이름으로 나타내고, 4번째 아웃풋핀은 누른 키보드 값을 수치로 나타낸다. ▷KeyMatch 노드 KeyMatch 노드를 활용하면 Keyboard 노드에서 받은 키보드 값을 각각 개별 값으로 나눠서 판별할 수 있다. 위의 예시에서는 KeyMatch 노드의 inspektor 값을 수정해 키보드 방향키 좌, 우, 위, 아래의 값에 순서대로 반응하는 KeyMatch 노드를 만들었다. 해당하는 .. 2021. 1. 21.
완전 초짜 VVVV : 마우스 좌표값과 상태 ▷Mouse(device desktop) vs Mouse(device window) 마우스 위치 값과 상태(좌,우 클릭 여부)를 나타내는 노드는 크게 2가지가 있다. Mouse(device desktop) 와 Mouse(device window) 이다. 비슷한 노드인데 차이는 한가지이다. 아래 데모영상을 보면 알 수 있듯이, **Mouse(device desktop)은 화면 전체를 기준으로 작동하고 / Mouse(device window)는 마우스가 renderer 위에 있을 때만 그 정보를 받아온다. 또 하나 중요한 것은 Mouse 노드의 두번째 출력핀은 마우스 커서의 x, y 좌표를 출력하는데, 마우스 좌표값은 두 쌍이기 때문에 unzip 노드로 x 좌표값과 y 좌표 값으로 나눠줘야 데이터로 활용하기.. 2021. 1. 20.
완전 초짜 VVVV : 속성을 조절하는 Inspektor ▷속성을 나타내는 INSPEKTOR 사용하려는 노드나 I/O박스를 상황에 맞게 조절하고 원하는대로 바꾸려면, 노드나 I/O박스의 속성을 나타내는 Inspektor를 바꾸어야 한다.(스펠링 틀린게 아니라 독일어라 저런거라고 한다^^;;) inspektor 창을 열기 위해선 CTRL + L을 누르고, 설정을 다 마친 후 창을 닫을 땐 CTRL + W를 누르면 된다. 처음엔 적응이 안되서 엄청 버벅거리는데, 적응이되면 어느덧 익숙하게 누르게 된다. ▷INSPEKTOR 활용 예: 노드의 인풋핀의 수 늘리기 실제 inspektor 활용의 예를 보자. 원래 *(곱하기)노드는 인풋핀이 2개이다. 하지만 이럴 경우 3자리수의 곱셈을 하려면 *(곱하기)노드를 2번을 써야 한다. 코딩의 핵심은 간결성이다. 같은 목표를 달.. 2021. 1. 19.
완전 초짜 VVVV : 노드와 I/O박스 연결 ▷노드박스 VVVV에서 마우스 왼쪽 더블클릭을 하면 위와 같이 다양한 목록을 확인할 수 있다. 이 다양한 기능을 가진 박스들을 노드라고 한다. 오른쪽 이미지처럼 검색창에서 원하는 기능의 노드를 검색할 수 있다. 더하기 기능을 하는 노드를 활용해 간단한 덧셈식을 만들어보자. 왼쪽의 사진처럼 검색창에 +를 입력 후 첫번째 노드를 클릭한다. 왼쪽 사진처럼 +가 적혀있는 작은 박스가 생성되는데 이게 바로 노드이다. I/O박스와 노드 모두 위쪽과 아래쪽에 작은 점이 찍혀있다. 점이 여러개가 찍혀있을 수도 있고, 한개일수도 있다. 이때 위쪽의 점은 인풋(입력)용이고, 아랫쪽의 점은 아웃풋(출력)용이다. 위에 있는 인풋용 점들을 '인풋핀', 아래에 있는 아웃풋용 점들을 '아웃풋핀'이라고 한다. 이제 이 점들을 이용해.. 2021. 1. 18.
완전 초짜 VVVV : I/O박스의 종류와 조작법 ▷I/O박스의 종류 VVVV에서 마우스 오른쪽 클릭을 2번 연속으로하면 위와 같이 박스형 객체들을 선택할 수 있는 창이 뜬다. 이런 다양한 박스모양의 객체들을 I/O박스라고 한다. BANG/TOGGLE/PRESS 등 다양한 박스들을 선택할 수 있다. 오른쪽의 이미지는 직접 모든 I/O박스들을 생성해본 것이다. 마우스 오른쪽 클릭을 2번한 후 아무 것도 선택하지 않으면 나오는 박스를 '넘버박스'라고 한다. 다른 박스를 생성하고 싶으면 원하는 박스를 클릭하면 되는데, 아직 완전 초보자라 저 박스들이 다 어떨 때 쓰이는지 모른다ㅠㅠ PRESS 박스는 온오프 스위치처럼 눌렀다, 껐다를 입력할 수 있다. NUMBER박스는 소수점 아래 4자리까지 표현할 수 있는 반면, INTEGER 박스는 정수만 입력할 수 있다... 2021. 1. 17.
완전 초짜 vvvv : 미디어융합아트와 vvvv AI교육 두번째 수업으로 '미디어아트융합'를 수강했다. 교수님의 수업은 너무너무 좋았지만, 교재가 없어서 듣고나면 기억이 안날 것 같아서 배운 내용을 간단하게 정리해보려고 한다. ▷미디어아트(MEDIA ART) 과목 이름이 미디어아트 융합이니까 기본적으로 미디어아트에 대해 알아야할 것 같다. 미디어아트란 다양한 대중매체를 통해 예술작품을 만드는 것이라고 할 수 있다. 유명한 고 백남준 선생님의 비디오아트도 미디어아트의 한 종류라고 할 수 있다. ▷인터랙티브 아트(INTERACTIVE ART) 이런 미디어아트 중 AR(증강현실), VR(가상현실), AI(인공지능) 등의 기술 발달로 등장하게 된 예술이 인터랙티브 아트이다. 인터랙티브 아트란 관객이 작품을 감상하기만하는 것이 아니라, 작품에 직접 참여하는 쌍.. 2021. 1. 16.

티스토리툴바