본문 바로가기

728x90

지식 확장/p5.js

(18)
p5.js 시작하기 웹브라우저 상에서 모션그래픽을 할 수 있는 p5.js는 자바스크립트를 할 수 있으면 더 잘 다룰 수 있다고 한다. 정말 기본적인 자바스크립트 밖에 모르는 무지렁이인 나는 .... 그래도 포기하지 않고 한 걸음씩 천천히 내딛어 보기로 한다. (포기하지 않게 해주세요! 🙏) p5.js로 할 수 있는 3가지 정지된 그림 그리기 애니메이션 사용자와의 상호작용 생활코딩 강의를 들어보니 p5.js로 위와 같은 3가지를 할 수 있다고 하는데, 애니메이션을 하는 것도 뿌듯하겠지만 사용자와의 상호작용이 제일 기대가 된다. 실행방법 첫번 째 방법 : p5.js 웹 에디터 사용하기 p5.js Web Editor editor.p5js.org p5.js 공식사이트 상의 에디터 링크를 사용하면 브라우저 상에서 바로바로 작성 내용..
p5.js 를 배워보자 p5.js를 공부해서 애니메이션까지 해보고 싶은데 잘 될지 모르겠지만, 일단 시작해 보기로 하자! 성공한 사람의 지금을 보지 말고 성공한 사람도 처음이 있었다는 걸 기억하라고 누군가는 말했다. 😅 공부를 할 수 있는 채널이 더 있을 수도 있지만 나는 아래 3군데의 사이트를 통해 p5.js를 공부해보려고 한다. 공식 사이트 공식 사이트는 https://p5js.org이며, 아래와 같이 첫 화면이 나온다. 레퍼런스, 예제 등 다양한 콘텐츠가 있어서 하나씩 따라 하면서 배워도 될 것 같다. 생활코딩 이고잉님이 얼마 전에 유튜브 채널에 p5.js 강좌를 올려주셨다. 감사합니다! 😍 K-MOOC '예술가와 디자이너를 위한 아트 코딩'이라는 강좌에서 p5.js를 다루고 있다. 3월~6월까지 수강신청을 하면 누구나 ..

반응형