トランジションデザイナ概要

トランジションはFlintoの最もパワフルで楽しい機能です。トランジションデザイナでのアニメーションを使ったトランジション作成は簡単。ただし簡単だからこそ、複雑なエフェクトを不要にかけ過ぎないよう、トランジション作成の際には注意が必要です。

トランジションデザイナはキャンバスとは別のビューで、トランジションを構成する2つの画面が表示されます。トランジションがデザインできたら閉じてキャンバスビューに戻り、新画面やリンクの作成を続行できます。

トランジションデザイナは左側にレイヤー一覧、中央にコンテンツ画面、右側にインスペクタが位置しており、見た目はキャンバスビューと似ています。上部に追加でツールバーがあり、ここでトランジションのプレビュー操作ができます。さらにインスペクタの下部にタイミングのオプションがあります。

デザインしている最中、トランジションを頻繁にプレビューで再生し、ビヘイビアが正しいかを確認したり、終点にアクセスしたりすることが大切です。

トランジションを作成する際、トランジションの最初では終了画面が表示されないよう、またトランジションの最後では開始画面が表示されないようにする必要があります。画面の隠し方は自由です。フェードアウトさせたり、デバイスの範囲外へ出したり、縮小したり、様々な方法から選べます。キャンバスで表示された状態に合わせて、隠れた画面から終点まで自動的にアニメーションが生成されます。