Top / Animations
HTML convert time: 0.011 sec.

Animations

Last-modified: 2017-06-27 (火) 16:39:35

Animations / アニメーション
 Rootにあるアイテムに指定可能。
 また、1つのアイテムに複数のアニメーションを指定することで別々のアクションを合成して実行することができる。
 プレビュー画面で実際に動かして確認すると理解しやすいだろう。

ReactOn(実行)

 アニメーション再生を実行するトリガー条件
 指定した項目によって設定する項目も変化する

名前条件
Disabledアニメ無効
bg Scrollスワイプ操作などの画面スクロールに連動
Scroll_Y縦方向の画面スクロールに連動
Gyroscope端末のジャイロ(傾き)に連動
Global Switch指定したグローバル変数(On/Offスイッチ)と連動
Visibilityホーム画面が表示された時
Unlock端末がアンロックされた時
Loop常に実行。再生を繰り返すループアニメ
Loop_Inverted常に実行。逆再生を繰り返すループアニメ
Formula演算子による条件指定

Action(アクション)

 アニメーションの種類

名前動作
Scrollアイテムをスクロール移動
Scroll_Invertedアイテムをスクロール移動(逆方向)
Scale Out縮小
Scale Out horizontal縮小(横方向)
Scale Out Vertical縮小(縦方向)
Scale In拡大
Fade Outフェードアウト
Fade Inフェードイン
Rotate回転
Rotate Inverted逆回転
Complex Animation複数のアクションを組み合わせる
Colorカラーフィルターをかける
Color_Invertedカラーフィルターはずす

Ease(緩急)

 アニメーションの動き方

名前動作
Normal
Inverted
Bounce
Overshoot
Straight
Normal_2wNormalで往復
Straight_2wStraightで往復

Anchor(基準位置)

 アニメーションの基準点

Time(時間)

 アニメーションの実行時間(開始から終了までの時間で指定)

Speed(速度)

 アニメーションの実行速度

Amount(量)

 アニメーションによって変化する量(%で指定)

Delay(遅延)

 アニメーションを開始するタイミング(停止時間を指定)

Rule(ルール)

 アニメーションを行う画面

名前動作条件
Center他の画面から中央の画面にスクロールしたとき
Before_Center中央より左の画面(中央は含まない)にスクロールしたとき
Up_to_Center中央と、その左の画面にスクロールしたとき
From_Center中央と、その右の画面にスクロールしたとき
After_Center中央より右の画面(中央は含まない)にスクロールしたとき

Center(中央)

 [ルール]でアニメーションの中央となる画面

Angle(アングル)

 [アクション]の「スクロール」で移動する方向(角度で指定)
 画面をスワイプする方向を0度として、時計回りに角度が増す