[프로세싱] p5.js 를 이용한 작품을 웹에서 구현하기.

먼저, 프로세싱의 자바언어와 ph.js의 자바스크립트 언어의 차이에 유의하면서 코드를 작성한다.

그러고 나서 다른이름을 저장하면, 아래의 4개의 파일이 나온다.



이제 gitHub 등의 온라인 갤러리에 업로드를 해보자.

4개의 파일을 전부 업로드 하고, 링크를 생성하면, 본인의 작품을 웹에서 구현할 수 있다.

ex) https://minseokpark1999.github.io/Project-introduce/

이런식으로 https://본인의 아이디.github.io/프로젝트 폴더명/ 의 형식으로 링크가 생성된다.


만약 본인의 작품이 랜덤형이라면, 웹에서 새로고침을 할 때 마다 작품도 랜덤하게 바뀐다.
그리고 본인의 코드를 웹에서 확인하고 싶다면, 구글 크롬을 이용해 확인 할 수 있다.

오른쪽 마우스를 클릭해 '페이지 소스 보기'를 클릭하면, 그 웹의 HTML 파일 형식과, 업로드된 js 파일의 코드를 웹에서 확인 할 수 있다.