Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 부트캠프
- 그리디
- nodejs
- 국비지원
- 국비지원취업
- 야놀자
- 호이스팅
- 프론트엔드개발자
- 패스트캠퍼스
- 컴퓨터과학
- 코딩테스트
- github
- 컴퓨터공학
- 알고리즘
- 너비우선탐색
- js
- Javascript
- 자바스크립트
- LinkSnap
- CS
- 백준
- KAKAO
- DFS
- cpu
- CSS
- git
- 코테
- computerscience
- BFS
- html/css/js
Archives
- Today
- Total
My Boundary As Much As I Experienced
p5.js로 크리에이티브 코딩을 시작했다. 본문
Interactive(HTML Canvas ・three.js ・game)/CSS・Canvas ・ p5.js ・ Pixi.js
p5.js로 크리에이티브 코딩을 시작했다.
Bumang 2024. 5. 17. 00:43내가 요새 듣는 강의인 Nature of Code는 자바스크립트로 인터랙티브 코딩을 배우는 강의이다.
이 NoC는 20년 전에 먼저 책으로 나왔는데, Java의 Processing을 기반으로 되어있는 책이었다고 한다.
그러나 감사하게도 2020년대에 The Coding Train이란 유튜버가 자바스크립트의 p5.js로 강의를 리뉴얼하였고,
덕분에 내가 편하게 들을 수 있는 것이다.
인터랙티브한 프로덕트들, 특히 게임을 만들기 위한 첫걸음이라고 생각한다. 홧팅~
https://thecodingtrain.com/tracks/the-nature-of-code-2
'Interactive(HTML Canvas ・three.js ・game) > CSS・Canvas ・ p5.js ・ Pixi.js' 카테고리의 다른 글
p5.js) 블러된 이미지가 점점 선명해지는 효과 구현하기 (0) | 2024.06.01 |
---|---|
p5.js로 점으로 된 웨이브 패턴 만들기 (0) | 2024.05.28 |
p5.js로 2차원 pendulum 만들기 (0) | 2024.05.26 |
Nature of Code 1. 벡터 이해하기 (p5.js) (0) | 2024.05.21 |
펄린 노이즈(Perlin Noise)를 이용하여 예쁜(?) 무작위성을 주기 (0) | 2024.05.17 |