MenuToggle Menu
Recording Page
チームメンバーは、インタラクションレシピページで記録されたレシピ、およびトランジションやモーション開発のすべての値を確認できます。
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/cb51c23ac9c1915d96e2626dc15a14e0dbc88bee-2175x1200.png/Interaction-recording-page.png)
Timeline
タイムライン左上にある「Play」ボタンをクリックすることで、レシピ全体を再生できます。「Play」ボタンの横にあるボタンを使用して、再生速度を調整することもできます。より正確な操作が必要な場合は、「Red Scrubber」をドラッグして特定の部分を再生することで、速度を手動でカスタマイズできます。
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/aec98303d6e669a8df46613a3fb5d013fee05c1b-2175x1200.png/Timeline.png)
Interaction Specs
タイムラインで「Response」または「Trigger」を選択すると、右側のプロパティパネルでレイヤー情報とインタラクション値を確認できます。
![[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 |