VicPy | 프로세싱 - 처음 접하는 프로세싱
본문
※ 영상을 선명하게 보기 안내
- 유튜브 영상에서 오른쪽하단에 톱니바퀴를 클릭합니다.
- 팝업목록에서 "품질" 선택하세요.
- 원하는 해상도를 선택해주세요.
※ 모바일에서 Wifi가 아니라면 데이타가 소진될 수 있으니 주의바랍니다.
VicPy님의 아두이노강의 청각장애인을 위한 자막
de 5
안녕하세요 여러분 지금까진 의 아두이노를 이용해서 센서 ik 털을제어하는 것 해보았는데요
이번 시간부터는 좀 더 다른 곳에 해볼까 합니다
이번 시간부터는 아두이노 와 pc 를 연결하는 연결해서 좀더 재미난 것을
해 보도록 하겠습니다
두이노 와 pc 를 연결할 때는 요 프로세싱 이란 것을 사용하는데요
바로 이번 시간에는 이 프로세싱 에 대해서 좀 더 알아보도록 하겠습니다
먼저 프로세싱 이 어떤 것인지 여러분들에게 소개해 드리도록 하고 두
번째는 그 프로세싱을 하기 위해서 설치하고 준비하는 것을 설명 드리도록
하겠습니다
그리고 세번째로는 프로세싱 한번 실행해 보고 간단하게 프로세싱 ide
라고 하죠 에디터를 설명드리도록 하겠습니다
우선 여러분들에게 프로세싱 을 소개하기 전에 여러분들이
피지컬 컴퓨팅 이라는 것을 알고 넘어가는 것이 좋습니다
피지컬 컴퓨팅 이란 여러분들의 미디어아트 라고도 많이 알고 있었는데
아두이노 나 아니 나 아니면 일반 컴퓨터 같은 하드웨어나
또 프로그램 소프트웨어를 이용해서 서로 상호 작용 가능할 예술작품을
만드는 것입니다
바로 뭐 예로 들어 가지고 쉽게 설명을 드리면 은 우리가 예술작품 가까이
강한 예술작품이 그 거리를 인식해 가지고 재미난 소리를 낸다 던가 아니면
은 우리가 마치 드럼이 없는데
이런 필 컴퓨팅 작품을 통해서 마치 허공에서 몸을 한 댕강 들어온 소리가
난다 던가
이와 같은 것을 피지컬 컴퓨팅 이라고 말합니다
프로세싱 은 바로 일반인과 예술가들이 이와 같은 피지컬 컴퓨팅 을 쉽게
만들 수 있도록 만들어진 언어입니다
원래는 기존의 컴퓨터 프로그램이 언어를 이용해서 예술가들이 이와 같은 필
컴퓨팅을
작품을 만들려고 한다.고 했다면 그 컴퓨터 언어에 대한 기본적인 배경
지식이 필요 했었는데요
이 프로세싱 같은 경우에는 그런 배경 지시 없이도 일반인 나 예술가들이
좀 더 쉽고 재미있게 만들 수 있도록 갖춰져 있는 언어라고 할 수
있습니다 또는 좀더 여러분들이 예를 들어 가지고 알 수 있도록 한번
홈페이지에 이동해서
프로세싱 으로 만들어진 작품 한번 살펴보도록 하겠습니다
여기에 프로세싱 홈페이지 인데요
프로세스의 홈페이지에 이거 집이어서 이거 집이 션 이라고 적혀있는 탭을
선택해 주시면 은
이아 같이 프로세싱 으로 만들어진 다양한 작품들을 볼 수 있습니다
그게 예
에러도 가지 이와 같은 작품을 살펴 보시면 은
이 작품 같은 경우에는 여러분들이 키보드를 누른 키의 따라서
그림이 극히 에 해당되는 그림을 변하는 그런 작품입니다
안양 제가 t 라고 입력하면 이렇게 변하고 이라고 입력하면 위와 같이
권하고
또 다른 작품도 한번 잠깐 살펴볼까요
이 작품은 여러분들이 마우스를 드래그 해서 이렇게 그림을 그려주면 은
그림 그림 2
살아서 움직이는 이런 작품 입니다 그래서 다양한 그림을 그릴 수록 화면에
이렇게 재미있는 애니메이션인 생기는 것을 볼 수가 있죠
다음으로
이와 같은 작품도 있습니다
마치 어항 속에 있는 물고기 들 처럼 여기 중간에 새가 마우스 클릭하면
물결이 일어 나서 물고기들이 그 쪽으로 이동하고
애니메이션은 다양하게 일어나고 있죠
마지막으로 하나만 더 보여드리면
투또 여러분들이 마우스를 클릭할 때마다
모양이 변하면서
선들이 입법 문 위로 끓여 주는 것을 볼 수가 있습니다
원래는 이와 같은 작품들을 앞서 설명했던 것처럼 기존의 컴퓨터 언어를
이용해서 이용해 가지고 만들려고 한다.면 은 상당히 어려운 것이라곤 알수가
있는데요
프로세싱 으로는 여러분들이 명령어를 간단히 배워 가지고 트 작품을
여러분들도 충분히 만들어낼 수가 있습니다
그래서
또 재미있는 점이 하 나가 있다면은
여 지금까지 여러분들이 배워왔다 아두이노 도 바로 이 프로세싱 에서
파생되어 만들어졌다는 것입니다
아두이노 가 실행될 때 나오는 인트로의 이미지를 자세히 살펴보시면 은
하단에 베이스 온 프로세스의 마이 케이스에 학생 된 프라이 라고 적혀있는
것을 볼 수가 있습니다
바로 여러분들이 하드웨어를 제와 제어하면서 재밌게 가지고 노는 아들이
녹아 바로 이런 재민 이런 프로세싱 에서 영감을 받아서 만들어진 것입니다
어찌 보면은 프로세싱 아아 2 누가 상당히 닮아 있기 때문에
프로세싱 가 아들의 너만의 연결 도 상당히 쉽게 이루어질 수가 있습니다
다른 점이 있다면 은 아두이노 같은 경우에는 여러분들이 씨나 c 풀로
프로그래밍을 했다 며 는 프로세싱 에서는 잡아 라는 언어를 이용해서
프로그래밍을 합니다
아마도 잡아 라는 언어를 처음 듣는 분들도 계실텐데
겁먹을 필요는 없습니다 왜냐하면 은
프로세싱 같은 경우에도 아두이노 처럼 쉽게 명령과 명령어나 변수 상수
들이 정리되어 있기 때문에 지금부터 제가 설명드리는 것을 차근차근
따라하시면 여러분들도 아들인 해서 했던 것처럼 쉽게 여러분들이 원하시는
것들을 만들 수가 있습니다
지금 예제로 프로세싱 두이노 가 서로 연결해 가지고 만든 프로젝트를
지금 보여드리고 있는데요
이렇게 프로세싱 과 아두이노 연결하며 는 이렇게 프로세싱 컴퓨터 쪽에서
이제 화면에 있는 특정 색깔을 선택을 하면 은 이렇게 아두이노 쪽에
3세계 리디가 색이 변하는 그런 예제입니다
따라서 여러분들이 프로세싱 과 아두이노를 이용하면 은 기존의 센서와 의
캐릭터를 제어 말했다 2위는 에서 벗어나서 컴퓨터를 이용해서 좀더 다양한
곡 다양하고 재미난 것을 알 수가 있습니다
이아 같은 프로세싱을 하기 위해서 설치하고 준비하는 과정을 살펴보도록
하겠습니다
프로세싱 을 설치하고 준비하기 위해서는 우선 프로세싱 을 설치해 프로세싱
의 다운로드 페이지로 이 이동 하셔야 되는데요
여기 있는 url 을 대로 이동하신 하는
뭐 웹페이지에서 이동하도록 하겠습니다
프로세싱 다운로드 페이지로 이동하시면 은 치 표시된 것을 볼 수가
있습니다
여기 보시면은 스 테 이 블 레이즈 라고 적혀 있는게 있고
프리릴리즈 라고 적혀 있는게 있는데 스텝을 릴리즈 같은 경우에는
버브 라고 하죠 문제가 있고 에러나 제법 은하의 러 같은 것들을 어느정도
잡아가지고 안정화된 버젼 는데
가급적이면 프리 릴리즈 버전 보다는 스테이블 릴리즈 버전을 사용하는 것이
좋습니다
따라서 1.51 버전이나 2.1 버전을 원하시는 버전 선택해서 다운로드
하시면 되구요
여기서 딱 보셨을 때 여러분들이 사용하시는 컴퓨터의 운영체제 자
컴퓨터 사양에 해당되는 설치파일을 선택하셔서 다운로드 합니다
저같은 경우에는 미리 설치 파일을 다운로드 했구요
그래서 설치 파일을 다운로드 하시면 은 윈도우즈 같은 경우 이렇게 압축
파일이 다운로드가 되구요
2 압축 파일을 압축을 풀어주시면 은
압축을 풀어주시면 주 프로그램이 안에 있는 것을 볼 수가 있습니다
어플로 쎄쎄쎄 를 실행하시면 은
아직 프로그램이 실행이 되죠 앞서 설명 드렸다시피 프로세싱 을 잡아라 는
언어를 통해서 프로그래밍을 한다. 고 설명 드렸는데
프로세싱 을 사용하기 위해서는 바가 미리 설치가 되어 있어야
합니다
따라서
검색해 페이지에서
사발을 입력하시면 가장 위해 진사 바 무료 속 자바 소프트웨어 다운로드를
볼 수가 있구요
여기로 이동 하셔서
무료 자바 다운로드를 클릭하셔서 여러분들의 컴퓨터에 자바를 설치 하시면
됩니다
이건 아씨 프로세싱을 이동해 볼까요
프로세스는 실행하시고
한번 실행해 보시면 은
이와 같이 작은 창이 뜨면서 프로그램이 실행이 되신다면 은 프로그램이
정상적으로 설치가 된 것 입니다
예이제 앞서 설치한 프로세싱 을 한번 실행해서 살펴보도록 하겠습니다
아 3
앞에서 설명했다 시피 프로세싱 은 아두이노 아 상당히 닮아 있는데요
여러분들디는 배웠을 때 셋 업 그리고 루프 라는 걸 배우셔서 잖아요
아들이 너와 처음 실행될 때 3 더비 한번 실행 되고 그 다음에 루프가
계속 반복되면서 여러분들이 어떤 필요한 작업들을 루프에 다 코딩을 하셔서
만드셨어요 는데
프로세싱 도의 앞 동일합니다 처음에 3 더비 한번 실행 되고요
그 다음에 들어오라는 펑션 이 매곡 반복되면서 실행되도록 하여 있습니다
이 셋 업 가드로 에 대해서 좀더 한번 자세히 확인하기 위해서 먼저 이제
명령어 하나를 알고 넘어가도록 하겠습니다
여기 보시면은 이제 프린트나 프린트 lan 이나 명령어가 있는데요 여기
화면에 보이시면 은
프로세싱 밑에 쪽에 이런 검은 쪽 부분이 있는데 그 아두이노 쪽에서도
보셨다시피 이 부분은 이제 콘솔이 라고 부릅니다
2 콘솔 부분에 다가 여러분들이 원하는 글자 로 출력하는 게 바로 이
프린트와 프린트에 랭 명령어입니다
아두이노 에서 배 웠다 시피 아두이노 여러분들이 이제 12월 라이브
보류를 사용하였을 때 실외 할점 프린트 시리얼 점 프린트 l 사용
없다시피 위에 있는 것 같은 경우에는 제 글자만 찍고 주로 안 바꾸고 그
여기는 이제 글자를 찍고 줄을 바꾸는 명령어 줘
그래서 한번 확인해보도록 하겠습니다
마찬가지로 이제 여기서도 아들이나 동일하게 보이드 셋 업 이라고 입력을
해 주시고
도의 드디어 5가 아니라 보기도 노프 라고 입력을 해 주십니다
그래서 아 노트 안에 들어오라고 인용해 주십니다
그래서
2 3 더 카드로 가 실행되는 것을 확인하기 위해서 분이 10n
아 쎄 더
그리고 프린터의 렌
들어오라고 입력하겠습니다 만약 실행되면 은 2와트 불자들이 찧기 겠죠
그래서
실행하시면 은 여기서 작은 창이 뜨고
지금 여기 보시면은 이 작은 창이 바로 여러분들이 작성한 코드가 이제
프로그램이 돼서 실행이 된 거예요 그래서 일단 멈춰 만 멈추고 콘솔 청을
확인하시면 은 지금 들어가 상당히 많이 찍혀 있는데
처음에 3 더비 한 번 찍히고 그 다음부터 이제 여기 표시된 대로 들어가
계속 찍히게 됩니다
그래서 여러분들이 텍스트 에디터 창에 다가 코드를 입력하시면 은 그 장계
프로그램이 돼 가지고 화면에 이제 눈으로 볼 수 있는 프로그램이 돼
가족의 실행이 될 거예요
그래서 이야 관련해 가지고 이제 프로듀싱을 좀 살펴보면은
이게 여러분들이 작성한 코드를 10 프로그램으로 만들어서 실행하는 버튼
이구요
넘 버튼이 고 이게 프로그램 옆에 있는건 뭐냐면은
여러분들이 일단 펌 퓨터 프로 이제 프로그램을 만들어서 실행 화면은
옆의 버튼은 이제 그것을 멈추고 종료 하는 버튼입니다
2 번뜩이는 새로운 스케치
여기서도 아 2에 놓으란 마찬가지로 프로세싱 에서도 같은 문서에
의한 단위를 스케치 라고 하는데
스케치 새로운 스케치를 만드는 버튼 이구요
그 다음에 이제 기존에 만들어진 스케치를 여는 버튼입니다
그리고 지금 작업하고 있는 것을 저장하는 버팁니다
여기 보시면은 그 아들이 너랑 좀 다르지만 아두이노 가 아들이 너 에서는
이제 업로드가 있었지만 여기서 이제 이수 폴트 어플리케이션 이런게 있어요
그 지금 같은 경우에는 여러분들이 텍스트 에디터로 작업을 하신 다음에
실행 버튼을 누르면 은 그게 프로그램이 되가지고 이렇게 실행이 되잖아요
그 프로그램을 2
잠지 많냐 익스포트 어플리케이션은 알람을 저장을 했는데 먼저 저장 한 번
하고요
이 스 프 트 어플리케이션 같은 경우에는
여러분들이 만든 프로그램을 프로세싱 에서 실행하는 꼬가 아니라 바로
윈도우 주나 맥이나 리눅스 에서 바로 실행할 수 있는 프로 프로그램으로
만드는 거에요 그래서 여기 보시면은 원하는 플랫폼
그래서 원한 운영체제 를 선택하시면 됩니다
지금 프로세싱 은 앞에서 설명했다 시피 자바로 개발을 한다.고 설명
되었는데
잡아 같은 경우에는 크로스 플랫폼 이라는 특징이 있어서 이와 같이
윈도우즈 난 맥이나 리눅스 이런 다양한 환경에서 돌아갈 수 있다는 장점이
있습니다
이렇게 아직 20불 탐하는 프로그램이 되고 것을 다른 사람들한테
복사하면 은 바로 이제 실행이 되구요
또 하나 재밌는 점이 또 뭐가 있냐면 은 여러분들이 만든 이런 이렇게
프로세싱 맞는거 를 이렇게 여기 보이시는
윈도우 주나 맥이나 이 누수 뿐만 아니라 여러 분들이 많이 사용하시는
안드로이드나 또는 아이폰 아이패드 등 에서도 실행을 할 수가 있어요
그래서 지금 같은 경우에는 여기 지금 여기 잡아 라고 표시가 되어 있죠
여기에 누르시면 은 현재는 잡아본 표시가 되어 있는데 에드 모드 를
누르시면 은
여기서는 제 표시가 안되어 있지만은 안드로이드 뭐 들의 여기다 추가를
해서 설치를 하실 수도 있구요
아이패드나 아이폰 같은 경우에는 제 아이패드에 모드라고 때 잊지
않고 자바스크립트 모드라고 내 있어주고
이것을 인스톨 해야 해서 설치를 하시면 은 여러분들 아이패드나 아이폰에서
도 설치가 가능합니다
그래서 물론 이제 이런 것들도 있어요
지금 하나 예로 들면 아이패드 앱 중에서 아이즈 아이패드에서 직접
프로세싱 코드를 작성하고 실행해 볼 수 있는 앱도 이렇게 있습니다
그래서 앱스토어에서 프로세싱 코 ipo ios 로 험 생 하시면은
이 앱을 실행할 수가 있고요 한번 직접 실행해 보도록 하겠습니다
여기 프로세싱 에서 한번 실행해 보도록 하겠습니다 여기 보시면은 앞에
봤던 죄가 앱을 설치하여 설이콘이 표시되어 있는데요
실행을 하면 은 처음에 여러분들이 프로세싱 id 에서 보았던 모처럼
텍스트 에디터 코드 입력하는 게 표시가 되어있어요
여기서 여러분들이 예
키보드 해가지고 인력을 하실 수가 있고요 기존의
컴퓨터에서 프로세싱 했던 거랑 독일 하게 프로그래밍 하시면 되고요 그래서
보시면은
실행을 하면 은
이렇게 아이패드에서도 이렇게
프로그래밍을 이제 실행을 할 수가 있습니다
그래서 지금 같은 경우에는 2 아이패드 2 것 같은걸 자바스크립트 모두
로 되어 있기 때문에
예 여러분들이 이 앱을 써도 되고 아니면 컴퓨터에서 자바스크립트 모두를
인스톨 하셔서 컴퓨터에서 작업한 것을
여기다 옮기 셔 도 되요
예 앞에서와 같이 gi 펜 앱을 살펴보았는데요
이번 시간에는 프로세스에서 한번 살펴보았습니다
그래서 다음 시간에는 기본적으로 이제 프로세스를 이용해서 여러분이
화면으로
재미난 도형이나 아니면 에 그림을 표시하거나 글자를 표시하는 것을 한번
배워볼까요
그리고 그 다음에 이어서 실제로 이제 프로세싱 과 아두이노 로 연결해서
기존의 아두이노 만들어 할 수 있는게 아니라 프로세스가 엮어서 또 재미난
것을 할 수 있는 것을 한번 배워보도록 하겠습니다
이번 시간은 여기서 마치도록 하겠습니다 감사합니다
댓글 0개
등록된 댓글이 없습니다.