MenuToggle Menu
Recording Page
팀 멤버들은 Interaction Recording 페이지에서 녹화된 Recording을 재생하고, 모션 개발에 필요한 각종 수치를 확인할 수 있습니다.
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/cb51c23ac9c1915d96e2626dc15a14e0dbc88bee-2175x1200.png/Interaction-recording-page.png)
Timeline
타임라인 위의 왼쪽에 위치한 Play 버튼을 클릭하여 전체 Recording을 재생할 수 있습니다. 재생 버튼 우측에 위치한 속도 조절 버튼을 통하여 재생 속도를 조정할 수 있습니다. 더 세밀한 조작을 원한다면, 타임라인 위의 Red Scrubber를 이용해서 원하는 구간을 수동으로 재생 속도를 조절하여 확인할 수 있습니다.
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/aec98303d6e669a8df46613a3fb5d013fee05c1b-2175x1200.png/Timeline.png)
Interaction Specs
타임라인에서 특정 Response, 또는 Trigger를 선택하면 Interaction Value와 레이어 정보를 우측 Interaction Property에서 확인할 수 있습니다. 좌측 레이어 패널이 열려있을 경우, 해당 Response가 적용된 레이어가 하이라이트 됩니다.
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/31173ca3d910795d72d06e0a4da7f5eeb79abdd9-2175x1200.png/Interaction-recording-specs.png)
Layer Panel
좌측 레이어 패널을 펼쳐서 레이어 구성을 확인할 수 있습니다. 특정 레이어를 누르면 프로토타입에서 해당 레이어가 하이라이트 됩니다.
Distance Between Objects
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/b8b63b26dc777ce92f2f4ff03e149daaa89ee67e-2175x1200.png/Interaction-recording-objects.png)
Canvas에서 Layer의 간격을 확인할 수 있습니다.
Shortcuts
아래와 같은 단축키를 활용하여 타임라인을 더 쉽게 조작할 수 있습니다.
Feature | macOS & Windows |
---|---|
Play or Pause | Spacebar |
Timeline Zoom In | + |
Timeline Zoom Out | - |
Timeline Panning | Spacebar + Drag |