728x90 반응형 Processing4 Tips. 프로세싱 작업을 블로그에 게시하는 방법 2편 프로세싱 결과물을 블로그에 게시하기 1편은 프로세싱 언어로 작성한 코드를 그대로 복붙하여 이용하는 방법이었습니다.2편은 자바스크립트 언어로 변환 작성한 코드를 이용하는 방법입니다. #1 프로세싱으로 작업한 인터랙티브 이미지를 블로그에 올릴 수 없을까 라는 고민에서 시작일반적인 이미지 즉, jpg, png, gif 와 같이 정지된 작업물 혹은 움짤 정도는 블로그에 올리기에도 괜찮아요 하지만 마우스에 반응하는 이미지는 일반 블로그에 올리기가 쉬워보이지 않네요 웹을 다룰 줄 안다면야 자신의 웹호스팅을 통해서 html 파일을 작성하여 올릴 수 있을거예요 #2 어떻게 하면 블로그에 프로세싱이 동작하도록 올릴 수 있을까프로세싱은 자바기반 혹은 자바스크립트를 활용하는 언어예요 블로그에 프로세싱을 게시하.. 2023. 5. 30. Tips. 프로세싱 작업을 블로그에 게시하는 방법 1편 프로세싱 결과물을 블로그에 게시하는 방법 1. prosessing.js 스크립트 넣기2. 스크립트 안에 코딩하기3. html에서 canvas 사용 확인하기 #1 프로세싱을 웹에 게시하는 방법은 여러가지가 있어요openprocssing.org 사이트를 통해 웹에서 직접 코딩하고 저장하여 자동으로 게시되는 방법이죠 이는 다양한 모드를 제공합니다. P5js, Html/CSS/JS, Pjs 모두 지원해요 모드를 선택한 후 해당 언어를 사용해서 게시 가능해요 해당 사이트내에서 자신의 채널을 가질 수 있지만, 일반 블로그 처럼 활용하기는 어렵죠 p5js.org 사이트에서도 웹에서 직접 코딩하여 저장하고 게시하는 방법도 있어요 이는 위의 경우처럼 다양한 모드를 지원하지는 않고, 해당 언어를 사용해야 하죠 .. 2023. 5. 30. 2. 프로세싱 준비 프로세싱 준비하기 1. Processing 검색 2. 프로그램 다운로드 페이지 3. window 64bit 용 다운로드 4. 압축풀기 5. 드라이브/ 루트에 넣기 6. Processing.exe 실행 7. 실행화면 확인 1. 구글에 processing 검색, 최상단 주소 클릭 Processing.org 2. 다운로드 프로그램 3. processing 4.0beta 7 for windows 64bit (22/3/4) 다운로드 4. 다운로드 받은 zip파일을 압축풀기 해줍니다. 5. 해당 폴더 내에 아래 보이는 것 처럼 폴더째로 옮겨줘요. 되도록 본인 컴퓨터 C: D: E: 등 드라이버에 제일 루트에 붙여넣기 해요. 이렇게 루트에 두어야 에러가 잘 안생기고 부하가 안걸리고 잘 동작되는데 도움을 줄거예요. 저.. 2023. 5. 30. 1. 프로세싱을 배우는 이유 프로세싱을 배우는 이유 1. 인터랙티브 비주얼라이징에서 피지컬 컴퓨팅까지 2. 나만의 스타일과 컨셉이 만들어지면서 유니크한 영역으로 확장 3. 세상이 나의 유일한 작품을 알아봐줄 날이 오다 #1 From Interactive Visualizing to Physical Computing 프로세싱은 오픈소스 프로그래밍으로 누구나 쉽게 미디어아트 작품을 만들 수 있게 해 줘요. 직관적인 프로그래밍 언어로 빠르게 시각화 결과물을 확인하면서 작업할 수 있어요. 스크린 기반의 작업으로 시작해서 물리기반의 작업까지 확장 가능해요. #2 Your own unique story will be created as your studies 연습용 작업을 하다보면 자신만의 스타일이 생기고, 만들고 싶은 유형으로 줄기가 형성될 .. 2023. 5. 30. 이전 1 다음
