상태 머신 준비

상태 머신은 고정된 타임라인의 dotLottie 파일을 인터랙티브한 경험으로 바꿉니다. 파일, 플레이어, 페이지 인터랙션, 게시된 런타임이 모두 맞아야 하는 고급 워크플로입니다.

상태 머신 미리 보기

1. 상태 머신이 들어 있는 dotLottie 파일을 엽니다.

2. 미리 보기에서 상태 머신 모드를 켭니다.

3. 파일에 상태 머신이 여러 개라면 사용할 항목을 선택합니다.

4. 포인터 인터랙션과 공개된 입력값을 사용해 중요한 전환을 모두 테스트합니다.

5. 같은 시나리오를 반복하기 전에 상태 머신을 다시 시작합니다.

인터랙티브 결과 삽입

ThorVG Player 또는 Automatic을 선택한 상태로 유지하세요. 상태 머신 모드가 활성화되어 있으면 선택한 상태 머신 ID와 호환되는 dotLottie 원본이 Framer 컴포넌트에 전달됩니다.

멀티 애니메이션 번들이라면 하위 애니메이션을 먼저 선택합니다. 플러그인은 해당 애니메이션을 추출하고 함께 실행할 상태 머신을 유지합니다.

프로덕션 확인 사항

• 필요한 곳에서 포인터 인터랙션이 마우스와 터치로 동작하는지

• 애니메이션이 주변 페이지 컨트롤에 필요한 입력을 가로채지 않는지

• 첫 인터랙션 전에 초기 상태가 보이는지

• 페이지를 다시 열거나 상태 머신을 다시 시작하면 의도한 상태로 돌아오는지

• 상태 머신이 시작된 뒤에도 라이트 및 다크 테마가 적용되는지

관련 문서

• 멀티 애니메이션 파일 사용

• 사이트 게시