Skip to content

Files

Latest commit

Mar 22, 2023
e56abec · Mar 22, 2023

History

History
24 lines (21 loc) · 1.05 KB

README.md

File metadata and controls

24 lines (21 loc) · 1.05 KB

Creative_Coding

유튜버 Interactive Developer님의 영상을 보고 클론 코딩한 작업물입니다.
아직은 자바스크립트에 대한 기본기가 부족해서 코드를 완벽하게 분석하고 이해하지 못하지만, 구현해 보는 것에 의의를 두었습니다.

01_Sheep

  1. 곡선으로 언덕그리기
  2. 뎁스에 따라 속도가 다른 연출
  3. Image Sprites
  4. FPS 개념을 코드에 추가
  5. 곡선 위의 좌표와 각도 찾기
  6. 선이 지글지글 거리는 스케치 효과
  7. 문제 해결 능력 키우기

02_Swing Box

  1. 박스 만들기
  2. 마우스 드래그로 박스가 이동하도록 구현
  3. 마우스를 클릭하고 뗄 때 빨간점이 생기도록 구현
  4. 마우스 클릭한 때와 뗄 때의 위치를 선으로 연결
  5. 박스가 움직일 때 기울기를 줘서 움직임 표현

03_Wave

  1. 각각의 간격을 가진 좌표를 하나씩 만들기
  2. 그 좌표의 Y값을 아래위로 이동시키고 각각의 좌료를 하나의 선으로 연결
  3. sine 함수를 사용하여 아래위로 움직임 주기