MenuToggle Menu
Recipe Page
チームメンバーは、インタラクションレシピページで記録されたレシピ、およびトランジションやモーション開発のすべての値を確認できます。
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/1d35e33959d20daec603fd269a6291e2741522a2-2722x1550.png/recipe_page.png)
Timeline
タイムライン左上にある「Play」ボタンをクリックすることで、レシピ全体を再生できます。「Play」ボタンの横にあるボタンを使用して、再生速度を調整することもできます。より正確な操作が必要な場合は、「Red Scrubber」をドラッグして特定の部分を再生することで、速度を手動でカスタマイズできます。
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/131fd192044ea8f9f4bc36ff15bde66822f7d1c9-1450x800.png/timeline.png)
Interaction Specs
タイムラインで「Response」または「Trigger」を選択すると、右側のプロパティパネルでレイヤー情報とインタラクション値を確認できます。
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/0d4c13ec0af1d2e9a6988acc4ce97f2ce564895b-2710x1550.png/interaction_spec.png)
Layer Panel
左側のレイヤーパネルには、記録されたレシピのレイヤー構成が表示されます。パネル上の特定のレイヤーをクリックすると、プレビュー上で当該レイヤーがハイライト表示されます。
Distance Between Objects
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/6811487b3496e412b58fbf4759bd73d5ddb18411-1450x800.png/distance.png)
CanvasでLayerの間隔を確認できます。
Shortcuts
以下のショートカットを使用することで、タイムラインをより効率的に操作できます。
Feature | macOS & Windows |
---|---|
Play or Pause | Spacebar |
Timeline Zoom In | + |
Timeline Zoom Out | - |
Timeline Panning | Spacebar + Drag |