今回からは「波紋」エフェクトについて解説していきます。
「波紋」エフェクトの「X」「Y」の値を変えるとどうなるか解説していきます。
「波紋」の「X」「Y」の値を変更
「波紋」エフェクトには主に「X」「Y」「波長」「振幅」「周期」の設定項目があり、それらの値を変更することでオリジナルの「波紋」エフェクトを作成することができます。
「波紋」は設定次第で面白い動きになる
「波紋」は先にも書きましたが「X」「Y」「波長」「振幅」「周期」の項目がありますが、それらを設定することができます。
今回は「波紋」の「X」「Y」の値を変えるとどうなるか動き付きで解説していきます。
1.「波紋」エフェクトの値を変更してみよう
1-1.「波紋」エフェクトのデフォルトは以下の通りです。
(デフォルト値:「X:0px」「Y:0px」「波長:60px」「振幅:15.0px」「周期:0.50秒」

1-2.「波紋」エフェクトの「X」の値を「500px」にすると次のように右から左に向かって波紋が広がっていきます。
(他の値はデフォルト値です)

1-3.「波紋」エフェクトの「Y」の値を「500px」にすると次のように下から上に向かって波紋が広がっていきます。
(他の値はデフォルト値です)

1-4.「波紋」エフェクトの「Xの値を「-1000px」、「Y」の値を「-1000px」にすると次のように左上から右下に向かって波紋が広がっていきます。
(他の値はデフォルト値です)

今回はここまで。
次回は「波紋」エフェクトの「波長」「振幅」「周期」についての解説をしていきます。
コメント