こばやしたいよう
こんにちは!今回はエクスプレッションの中のtimeとwiggleという機能を使ってアニメーションを操作する方法を紹介しようと思います!
文字でアニメーションを操作する機能で、CSSをイメージしてもらえればわかりやすいです!いろいろな種類があるのですが、その中でも今回はtimeとwiggleを紹介します!
こんな感じ!
timeは時間に合わせて数値を変動させるエクスプレッションで書き方はtime*60
これを回転のアニメーションに入力した場合、秒間60度回転となります。
timeを使って回転
wiggleは動きのエクスプレッションで書き方は
wiggle(1,60)
初めの値は変化する速度、二つ目の値は変化量を表しています。
wiggleで位置を動かす
エクスプレッションは他にもさまざまな種類があるのでまた紹介していきます!
こばやしたいよう
琵琶湖県出身。主にWebデザインについての発信をしていきます。実はWebデザイン学生からアパレル業界を目指しています。
トップページへ戻る