본문 바로가기
Web/Javascript

화면을 동적으로 꾸며보자 !!! Javascript Animation Library mojs 소개

by 나비와꽃기린 2016. 10. 24.
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.










유용하게 사용할 수 있을 것 같은

자바스크립트 애니메이션 라이브러리를 소개해 드려요.

보통 웹페이지를 만들 때 동적인 view를 컨트롤하기란 쉽지 않은데

그럴 때 사용해도 참 좋을 것 같은 동적뷰를 위한 라이브러리!!

 

사이트는 여기에요.

http://mojs.io/

 

튜토리얼과 예제들이 너무 잘 나와있어서

따로 설명드릴 것은 없을 것 같아요.

사실 필자도 아직 사용해보지 않았어요.

포스팅 하고 천천히 사용해볼 예정!





사용법은 다음과 같이 js를 다운로드 후 참조시키고

저렇게 선언하여 사용하면 되는 것 같네요.




점점 커지는 동그라미부터




이거는 한 글자, 한 글자 통통 튀면서

l o v e 가 그려져요.

아래 동영상처럼 진행사항을 알려주는 바(Bar) 보이시나요?

이건 캡쳐사진이라 구현동작을 보여드릴 순 없겠네요.

직접 사이트 가셔서 확인해 보시면 될 것 같습니다.





이렇게 귀여운 말풍선들을 팡팡 터트려가며 보여주는 예제도 있네요 ㅋㅋㅋ

워낙 예제가 많은지라

다 보여드리고 싶은데 ㅎㅎㅎㅎ

다시 한번 말씀 드리지만

직접 URL 따라가서 확인해보심이 좋을 것 같아요 ^^;





demo가면 이렇게 소스가 있는데

으아 4시간전, 17일전 등

정말 최신이네요.

기간 보고 좀 놀랐네요.

직접 사용해 봐야겠다는 마음이 엄청 솟아나는데요?


이런 좋은 라이브러리를 보면

사용해보고 싶다는 마음이 엄청 들어요


저도 점점 IT인화 되는 것 같아요.


모두들 즐코딩 하세요.