p5.js 튜토리얼
-
p5.js 시작하기 (2) / p5.js Tutorial (2)Programming/p5.js 2023. 4. 28. 07:14
이어서 p5.js 튜토리얼 영상을 보며 공부한 내용을 정리해본다. 유튜브 채널 생활코딩에서 올려주신 모션그래픽을 위한 p5.js 강좌를 보며 공부중이다! https://youtu.be/nxG4hzciL7Q 7강 코딩으로 그림을 그릴 때 가장 큰 장점이라고 할 수 있는 애니메이션을 진행해봤다. console.log 라는 함수를 호출하면 console창에 값을 띄울 수 있다. (원하는 값은 파라미터에 넣어준다.) 그외 random함수를 통해 0에서 400까지의 x위치 y위치 사이에 랜덤하게 원이 나타나도록 설정했다. 같은 방식으로 색상, 크기도 바꿔주었다. random(400) -> 0에서 400사이 랜덤값 호출 random(100, 255) -> 0에서 255사이 랜덤값 호출 8강 화면의 왼쪽 위에서 화면..