[Day 17] AnimationEnd 이벤트

30일간의 Framer 스터디

AnimationEnd

AnimationStart가 ‘애니메이션이 시작되자마자’ 라면 AnimationEnd는 ‘애니메이션이 끝나자마자’ 발생하는 이벤트입니다. AnimationStart 예제에 계속해서 AnimationEnd 이벤트를 추가해 보겠습니다.

애니메이션이 끝날때 발생하는 이벤트를 추가하기 위해 ‘Insert’ - ‘Event’ - ‘ball’ - ‘Animation’ - ‘AnimationEnd’를 클릭합니다. 그리고 테스트를 위한 코드인 print(‘Animation is end!’) 를 입력합니다. 예제의 공을 다시 클릭하면 ‘ball’레이어가 목적 지점인 y:1000 으로 도착하게 되면 ‘Animation is end!’ 문구가 하단에 출력이 됩니다.