미디어아트5 [시각화 p5.js] p5.js 웹 에디터 설치 및 기본 메뉴 사용 [시각화 p5.js] p5.js 웹 에디터 설치 및 기본 메뉴 사용 p5.js프로세싱(processing)의 구문과 규칙을 최대한 준수, 프로세싱의 웹 버전프로세싱은 자바 언어를 기반, p5.js는 자바스크립트 언어를 기반웹 브라우저에서 동작하는 자바스크립트 프레임워크로 시각적인 미디어 아트 작품 또는 컴퓨터와 사용자 사이의 상호작용을 쉽게 구현할 수 있도록 지원로렌 멕카시의 의해 개발이 시작된 p5.js의 첫 번째 베타 버전이 2014년에 출시다양한 기능과 라이브러리 활용 가능p5.js는 그래픽과 동적 상호작용에 특화된 웹 기반 자바스크립트 프레임워크프로세싱 processing2011년 MIT에서 개발된 오픈 소스 소프트웨어로 자바 기반으로 한 데스크탑 환경의 언어코딩에 익숙하지 않은 아티스트, 디.. 2025. 3. 11. [프로세싱] 랜덤하게 숫자 출력하기 + keyPressed() int[] myNum= new int[5];PFont font;int x, y, index, chance;void setup() { size(720, 480); background(255); frameRate(5); //1초에 5번 void draw() 함수를 실행 (별도 지정없을 경우 1초에 60번 반복) myNum[0]=5; myNum[1]=10; myNum[2]=19; myNum[3]=64; myNum[4]=89; printArray(PFont.list()); // 사용 가능한 폰트리스트를 콘솔에 출력 font=createFont("ArailG1", 160); textFont(font); // 폰트 설정}void draw() { chance = int(random(100)).. 2025. 2. 4. # 프로세싱 다운로드 및 설치하기 프로세싱 다운로드 및 설치하기processing.org 에 접속download 메뉴 클릭processing 4.3 for windows 버전 다운로드 압축을 푼 폴더에 있는 processing.exe 파일을 실행하면 된다. 2025. 2. 4. # 프로세싱 관련 사이트 모음 프로세싱 관련 사이트 모음프로세싱 공식 홈페이지http://processing.org오픈 프로세싱(예제 공유 사이트)https://openprocessing.org/다니엘 쉬프만 홈페이지 (교육자료 및 동영상 제공)https://shiffman.net러닝 프로세싱 (다니엘 쉬프만의 교재 사이트)https://learningprocessing.com헬로 프로세싱 (입문자를 위한 동영상 강좌)https://helllo.processing.org안녕! 미디어아트 유튜브 채널https://bit.ly/2HQXGI8 2025. 2. 4. # 그림을 그리는 언어, 프로세싱?, p5.js? 프로세싱프로세싱(Processing)은 컴퓨터 프로그래밍의 본질을 시각적 개념으로 프로그래머가 아닌 사람들에게 교육할 목적으로 뉴 미디어 아트, 시각 디자인 공동체를 위해 개발된 오픈 소스 프로그래밍 언어이자 통합 개발 환경(IDE)이다. 2001년 MIT 미디어 연구소에서 케이시 리아스와 벤자민 프라이가 시작하였다. (출처 : 위키피디아)프로세싱이 자바 기반인 반면 p5.js는 자바스크립트를 기반으로 한다.p5.js란?p5.js는 예술가, 디자이너, 교육자, 초보자 등 누구나 쉽게 코딩을 배우고 창의적으로 표현할 수 있도록 돕는 자바스크립트 기반의 크리에이티브 코딩 라이브러리이다.이 라이브러리는 웹 브라우저에서 시각적 요소를 쉽게 만들고, 애니메이션을 추가하며, 사용자와 상호작용할 수 있는 .. 2025. 2. 4. 이전 1 다음
