본문 바로가기
반응형

크리에이티브 프로젝트

p5.js와 티처블머신을 활용한 아두이노 연동하기 티처블머신( Teachable Machine)은 누구나 머신러닝 모델을 쉽고 빠르고 간단하게 만들 수 있도록 제작된 웹 기반 도구입니다.https://teachablemachine.withgoogle.com/ Teachable MachineTrain a computer to recognize your own images, sounds, & poses. A fast, easy way to create machine learning models for your sites, apps, and more – no expertise or coding required.teachablemachine.withgoogle.com 오늘은 티처블머신을 활용하여 아두이노와 연동하는 방법에 대해 학습하겠습니다. 1) 티처블머신을.. 더보기
매드매퍼 UI 구성 1. 미디어 패널 - 제너레이터는 기본적으로 제공되는 소스로 프로젝션 맵핑할 떄 테스트 용도로 많이 사용됩니다. 그 밖에 다양한 미디어아트 소스가 있는 것을 확인 할 수 있습니다. - 또한 다양한 라이브러리를 제공하는데 '+'버튼을 누르면 여러 형태의 소스가 있어 활용할 수 있습니다. - 프리뷰에서 선택한 소스를 미리보기로 확인할 수 있고 매개변수(속도, 형태, 그로우, 색상)를 조정하여 마음에 맞 수정할 수 있습니다. - 그 밖에 미디어를 추가할 수 있 동영상이나 사진도 불러올 수 있습니다. 2. 뷰패널 - 입력뷰와 출력뷰로 나뉘며 상단 툴바의 아이콘을 눌러 모양을 변경할 수 있다. - 출력뷰 상단의 자석모양 : 레이어와 레이어의 꼭지점이 맞닿았을 때 연결해 줌. - 보통 활성화로 작업하지만 복잡한 작.. 더보기
매드매퍼(MadMapper) 매드매퍼(MadMapper)란? MadMapper는 아티스트를 위해 만든 비디오 매핑 소프트웨어로 2010년 제네바에서 열린 매핑 페스티벌의 애프터 파티에서 나타났습니다. 당시 시각적 콘텐츠를 실시간, 실제 공간에서 적절하게 매핑하는 방법에 대해 논의하기 시작했고 실제로 예술 레이블인 1024와 소프트웨어 개발 회사인 GarageCube의 만남으로 탄생했습니다. MadMapper는 비디오를 공간에 매핑하고, 조명과 LED 바를 제어하며, 버전 5부터 동일한 재미있는 방식과 프로세스로 레이저 빔을 제어하고 사용할 수 있는 사용하기 쉽지만 강력한 도구로 전 세계적으로 수많은 시각 및 디지털 아티스트, 장면 작가, 무대 디자이너, Vjs 및 기타 많은 창의적인 사람들이 스마트 디지털 아트 설치 또는 라스베거스.. 더보기
p5.js -> 아두이노 연동하기 이제 p5.js와 아두이노를 연동하여 시리얼통신으로 데이터를 송수신 하면서 p5.js의 소프트웨어와 아두이노의 하드웨어 상호 제어방법에 대해 알아보겠습니다. 1) 실습 준비 웹브라우저는 보안상의 이유때문에 컴퓨터의 하드웨어 포트에 직접 연결하지 못하도록 컴퓨터의 운영 체제와 분리 설계되었는데 최근 웹브라우저가 컴퓨터의 시리얼포트와 통신할 수 있도록 자바스크립트 기반의 Web Serial API(Application Programming Interface)가 개발되었습니다. Web Serial API는 사용자의 컴퓨터에 연결된 주변기기와 통신할 수 있도록 지원하는 API입니다. 이제 Web Serial API기반의 p5.js의 시리얼 통신 라이브러리인 p5.WebSerial을 사용하여 p5.js와 아두이노.. 더보기
p5.js란 무엇인가? p5.js는 크리에이티브 코딩을 위한 자바스크립트 라이브러리로, 예술가, 디자이너, 교육자, 입문자, 그리고 모두에게 접근성 높고 포용적인 언어를 지향하며 무료 오픈 소스로 제공되는 언어입니다. 마치 스케치북처럼 다양한 드로잉 기능을 제공하며 인터넷 브라우저 전체를 스케치북 삼아 그릴 수 있을 뿐 아니라, 텍스트, 입력, 비디오, 웹캠, 그리고 사운드 등을 비롯한 각종 HTML 요소를 사용할 수 있습니다. 프로세싱(Processing)의 구문과 규칙을 최대한 따르기때문에 프로세싱의 웹버전이라고 할 수 있습니다. 하지만 프로셋ㅇ이은 Java언어를 기반으로 하고 p5.js는 웹 브라우저에서 동작하는 자바스크립트 프레임워크로서 시각적인 미디어 아트나 사용자와의 상호작용을 쉽게 구현하 수 있도록 지원한다.. 더보기
반응형

티스토리툴바