본문 바로가기

반응형

p5.js

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는 웹 브라우저에서 동작하는 자바스크립트 프레임워크로서 시각적인 미디어 아트나 사용자와의 상호작용을 쉽게 구현하 수 있도록 지원한다.. 더보기

반응형