lms0806/p5js_study

p5js_study

fall ball

• 공이 마우스를 따라 아래로 내려옵니다.
• 마우스로 클릭시 공이 맨위에서 다시 시작하며 마우스의 x 좌표의 위치에서 내려옵니다.

roll3D

• 회전하는 3D입니다.
• 원, 정육면체가 웹사이트 접속과 동시에 0.01의 속도로 회전합니다.
• 원과 정육면체를 구분하기 위해 색을 서로 다르게 설정하였습니다.

snow

• 겨울밤 눈이 내리는 장면을 만들어봤습니다.
• 눈이 화면의 바닥에 닿으면 다시 맨위에서 내리는 형식으로 만들었습니다.

time

• https://p5js.org/ko/examples/input-clock.html 해당사이트 예제를 참고했습니다.
• 초에 따라 분침이 조금씩 움직입니다.
• 현재 서울시간 기준으로 만들어졌습니다.

p5.js