유튜버 Interactive Developer님의 영상을 보고 클론 코딩한 작업물입니다.
아직은 자바스크립트에 대한 기본기가 부족해서 코드를 완벽하게 분석하고 이해하지 못하지만, 구현해 보는 것에 의의를 두었습니다.
01_Sheep
- 곡선으로 언덕그리기
- 뎁스에 따라 속도가 다른 연출
- Image Sprites
- FPS 개념을 코드에 추가
- 곡선 위의 좌표와 각도 찾기
- 선이 지글지글 거리는 스케치 효과
- 문제 해결 능력 키우기
02_Swing Box
- 박스 만들기
- 마우스 드래그로 박스가 이동하도록 구현
- 마우스를 클릭하고 뗄 때 빨간점이 생기도록 구현
- 마우스 클릭한 때와 뗄 때의 위치를 선으로 연결
- 박스가 움직일 때 기울기를 줘서 움직임 표현
03_Wave
- 각각의 간격을 가진 좌표를 하나씩 만들기
- 그 좌표의 Y값을 아래위로 이동시키고 각각의 좌료를 하나의 선으로 연결
- sine 함수를 사용하여 아래위로 움직임 주기