인터랙티비티

웹페이지를 멋지게 꾸미고 싶으세요? Lottie를 사용하면 웹사이트에 멋진 애니메이션을 쉽게 추가할 수 있습니다. Lottie 애니메이션 [https://lottiefiles.com/what-is-lottie]은 아주 작은 파일 형식이기 때문에 웹사이트를 느리게 만들지 않고 생동감을 불어넣어요. 게다가, 확대하고 축소해도 화질이 떨어지지 않죠. 그럼 Lottie 애니메이션을 어디에서 받을 수 있을까요? 아마 애니메이터가 이미 맞춤 애니메이션을 만들었거나, LottieFiles 플러그인 [https://lottiefiles.com/plugins/after-effects]을 사용해 Adobe After Effects에서 애니메이션을 내보냈을 겁니다. 아니면 LottieFiles [https://lottiefiles.com/featured]에서 수 천개의 무료 애니메이션을 찾을 수도 있어요. Lottie Editor나 색상 팔레트 기능 [https://lottiefiles.com/fe

지금까지는 상호작용을 활용한 Lottie 애니메이션의 경우 하나의 상호작용(클릭, 커서 올리기, 탐색, 반복, 토글 등을 할 때 애니메이션 재생)을 활용하는 경우가 대부분이었죠. 따라서 오픈소스 라이브러리인 Lottie 인터랙티비티(Lottie-Interactivity [https://github.com/LottieFiles/lottie-interactivity])를 통해 Lottie 애니메이션과 상호작용하는 방식을 바꾸고 이를 최대한 쉽게 만들고자 합니다. 이번 블로그 글에서는 현재 사용할 수 있는 기능을 소개해 드리겠습니다. 상호작용 연결이란 무엇인가요? 상호작용 연결(Interaction chaining)이란 Lottie [https://lottiefiles.com/interactivity#LI-chaining] 인터랙티비티를 통해 Lottie 애니메이션과 상호작용하는 새로운 방식을 말합니다. 이 새로운 기능을 통해 여러 사용 가능한 상호작용 및 플레이어 관련 이벤트에 따라