今回は「反復移動」エフェクトについて解説していきます。
「反復移動」エフェクトは指定した値分を指定した間隔で動くエフェクトです。
「反復移動」エフェクトアニメーション
「反復移動」エフェクトには主に「X」「Y」「間隔」「種類」「加減速」「中央寄せ」の設定項目があり、それらの値を変更することでオリジナルの「反復移動」エフェクトを作成することができます。
「反復移動」エフェクトを設定しよう
「反復移動」は先にも書きましたが「X」「Y」「間隔」「種類」「加減速」「中央寄せ」の項目があり、設定を変更すると移動する範囲を広くしたり狭くしたり速度を変更することができます。
今回はそんな「反復移動」のそれぞれの値を変更する方法を解説していきます。
なお「種類」「加減速」はページ下部にリンクを掲載しているのでそちらからご確認ください。
1.「反復移動」エフェクトの値を変更しよう
1-1.「波紋」エフェクトのデフォルトは以下の通りです。
(デフォルト値:「X:0px」「Y:-100px」「間隔:1.00秒」「種類:緩急1 / Sine(弱)」「加減速:加減速 / InOut」です)

1-2.「反復移動」エフェクトの「種類」の値を「緩急1 / Sine」にすると次のように等速の様に動きます。
(「X」の値を「-500」~「500」に設定しています。)

1-3.「反復移動」エフェクトの「種類」の値を「緩急2 / Quad」にすると次のように等速の様に動きます。
(「X」の値を「-500」~「500」に設定しています。)

1-4.「反復移動」エフェクトの「種類」の値を「緩急3 / Cubic」にすると次のように等速の様に動きます。
(「X」の値を「-500」~「500」に設定しています。)

1-5.「反復移動」エフェクトの「種類」の値を「緩急4 /Quart」にすると次のように等速の様に動きます。
(「X」の値を「-500」~「500」に設定しています。)

1-6
1-6.「反復移動」エフェクトの「種類」の値を「緩急5 /Quint」にすると次のように等速の様に動きます。
(「X」の値を「-500」~「500」に設定しています。)

1-7.「反復移動」エフェクトの「種類」の値を「緩急6 /Expo」にすると次のように等速の様に動きます。
(「X」の値を「-500」~「500」に設定しています。)

今回はここまで
次回は「反復移動」の「加減速」について解説していきます。
コメント