今回は「反復回転」エフェクトの「種類」の「円弧」「戻る」「バネ」「バウンド」について解説していきます。
「反復回転」は指定した範囲で回転を繰り返すエフェクトで3D的な動きも作ることができます。
「反復回転」エフェクトアニメーション
「反復移動」エフェクトには主に「X」「Y」「Z」「間隔」「種類」「加減速」「中央寄せ」の設定項目と「反復移動」同様の値があり、それらの値を変更することでグルグルと動くようなエフェクトを作ることができます。
「反復回転」の「円弧」「戻る」「バネ」「バウンド」
「反復回転」は先にも書きましたが「X」「Y」「間隔」「種類」「加減速」「中央寄せ」の項目があり、「種類」は反復する際の動きの速度を調整することができます。
「反復回転」の「円弧」「戻る」「バネ」「バウンド」を使ってみよう
1-1.「反復回転」エフェクトのデフォルトは以下の通りです。
(デフォルト値:「X:0px」「Y:0px」「Z:30px」「間隔:1.00秒」「種類:緩急1 / Sine(弱)」「加減速:加減速 / InOut」です)

1-2.「反復回転」エフェクトの「Z」の値を「200px」、「種類」を「円弧」にすると次の様に特に特殊な動きをしないエフェクトとなります。
(他の値はデフォルト値です)

1-3.「反復回転」エフェクトの「Z」の値を「200px」、「種類」を「戻る」にすると反復時に一瞬戻る動きが加えられます。
(他の値はデフォルト値です)

1-4.「反復回転」エフェクトの「Z」の値を「200px」、「種類」を「バネ」にすると反復時に複数回跳ねる動きが加えられます。
(他の値はデフォルト値です)

1-5.「反復回転」エフェクトの「Z」の値を「200px」、「種類」を「バウンド」にするとバネと同じような動きですが挙動が少し小さくなる感じです。
(他の値はデフォルト値です)

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