코딩애니메이션기초

코딩애니메이션 기초 강의를 듣고 있다. 오랜만에 다시 코딩을 하니 나름 재미도 있고, 예전에 했던 것들이 새록새록 생각나 복습하는 느낌도 든다. 기본적인 것들이지만, 기록하지 않으면 또 잊어버릴 거 같아 정리해둔다. 이번에 한 것은 박스가 우측으로 이동하는데, 클릭하면

greensock 이라는 애니메이션 라이브러리를 사용해 슬라이딩 팝업 동작을 구현했다.라이브러리는 body 태그 안애 스크립트 src 속성에 넣어 연결해주고gsap.to() 라는 메소드를 사용해 특정 요소를 선택해 움직임을 지정할 수 있다. 사이트에 보니 이 외에도 정

클릭할 때마다 클릭한 위치로 div 박스가 생성되는 코드다. 이때 크기나 컬러, 투명도 등은 모두 랜덤하게 적용했고, 애니메이션은 그린삭 라이브러리를 활용해서 적용했다. 화면 클릭시 실행되는 onClick 함수를 만들고onClick 함수 안에 모든 코드를 작성한다. 이