今回は「反復移動」エフェクトの「中央寄せ」について解説していきます。
「中央寄せ」は起点を中央の置くか4辺のどこに置くかを設定するものとなります。
「反復移動」エフェクトアニメーション
「反復移動」エフェクトには主に「X」「Y」「間隔」「種類」「加減速」「中央寄せ」の設定項目があり、それらの値を変更することでオリジナルの「反復移動」エフェクトを作成することができます。
「反復移動」エフェクトの「中央寄せ」
「反復移動」は先にも書きましたが「X」「Y」「間隔」「種類」「加減速」「中央寄せ」の項目があり、設定を変更すると移動する範囲を広くしたり狭くしたり速度を変更することができます。
今回はそんな「反復移動」の「中央寄せ」について解説していきます。
なお、デフォルトではチェックが「ON」になっているので「OFF」にした時の動きを解説します。
なお「加減速」は結構しっかりと以前解説していたのでそちらの記事を見ていただければと思います。
「反復移動」エフェクトの中央寄せ
1-1.「反復移動」エフェクトのデフォルトは以下の通りです。
(デフォルト値:「X:0px」「Y:-100px」「間隔:1.00秒」「種類:緩急1 / Sine(弱)」「加減速:加減速 / InOut」です)

1-2.「反復移動」エフェクトの「X」の値を「500px」、「中央寄せ」のチェックをOFFにするとデフォルト位置を起点に右に動きます。
(「Y」以外の値はデフォルトで、「Y」を「0」に設定しています。)

1-3.「反復移動」エフェクトの「X」の値を「-500px」、「中央寄せ」のチェックをOFFにするとデフォルト位置を起点に左に動きます。
(「Y」以外の値はデフォルトで、「Y」を「0」に設定しています。)

1-4.「反復移動」エフェクトの「Y」の値を「500px」、「中央寄せ」のチェックをOFFにするとデフォルト位置を起点に下に動きます。
(他の値はデフォルト値です)

1-5.「反復移動」エフェクトの「Y」の値を「-500px」、「中央寄せ」のチェックをOFFにするとデフォルト位置を起点に下に動きます。
(他の値はデフォルト値です)

1-6.「反復移動」エフェクトの「X」「Y」の両方の値を「500px」、「中央寄せ」のチェックをOFFにするとデフォルト位置を起点に下に動きます。
(他の値はデフォルト値です)

今回はここまで
次回は「反復移動」のまとめをしていきます。
コメント