Progressionのエフェクトまとめ

今後使う用にまとめてみた。今回は使ってないけど。

「共通パラメータ」
■direction(型:String、初期値:”inOut”)
エフェクト効果をいつ実行するか。
“in”:表示リストに追加された時のみ。
“out”:表示リストから削除された時のみ。
“inOut”:表示リストに追加・削除された時の両方。

■duration(型:Number、初期値:1.0)
表示されるまでの時間。

■easeing(型:function、初期値:Cube.easeInOut)
イージングの指定。※fl.transitions.easingクラスをimportしておく。

  • None
  • Back.easeIn
  • Back.easeInOut
  • Back.easeOut
  • Bounce.easeIn
  • Bounce.easeInOut
  • Bounce.easeOut
  • Circular.easeIn
  • Circular.easeInOut
  • Circular.easeOut
  • Cubic.easeIn
  • Cubic.easeInOut
  • Cubic.easeOut
  • Elastic.easeIn
  • Elastic.easeInOut
  • Elastic.easeOut
  • Exponential.easeIn
  • Exponential.easeInOut
  • Exponential.easeOut
  • Linear.easeIn
  • Linear.easeInOut
  • Linear.easeOut
  • Quadratic.easeIn
  • Quadratic.easeInOut
  • Quadratic.easeOut
  • Quartic.easeIn
  • Quartic.easeInOut
  • Quartic.easeOut
  • Quintic.easeIn
  • Quintic.easeInOut
  • Quintic.easeOut
  • Sine.easeIn
  • Sine.easeInOut
  • Sine.easeOut

イージングの参考(http://www.tonpoo.com/tweener/misc/transitions.html

————————————————————————————-

それぞれのエフェクトパラメータ(エフェクト効果についてはこちらの簡易EffectViewerで)

「BlindsEffect」
■dimension(型:int、初期値:0)
出現方法
0:vertical(垂直方向)
1:horizontal(水平方向)

■numStrips(型:int、初期値:10)
指定した数に分割される。

「FadeEffect」
共通パラメータのみ

「FlyEffect」
■startPoint(型:int、初期値:5)
開始位置。
1:topLeft
2:top
3:topRight
4:left
5:center
6:right
7:bottomLeft
8:bottom
9:bottomRight

「IrisEffect」
■shape(型:String、初期値:”SQUARE”)
出現方法
“SQUARE”:四角
“CIRCLE”:円

■startPoint(型:int、初期値:5)
開始位置。
1:topLeft
2:top
3:topRight
4:left
5:center
6:right
7:bottomLeft
8:bottom
9:bottomRight

「PhotoEffect」
共通パラメータのみ

「PixelDissolveEffect」
■xSections(型:int、初期値:10)
横のセクション数

■xSections(型:int、初期値:10)
縦のセクション数

「RotateEffect」
■ccw(型:Boolean、初期値:false)
時計回り・反時計回りか。
flase:時計回り
true:反時計回り

■degrees(型:Number、初期値:360)
シンボルの初期度数。最終的に0度になる。

「SqueezeEffect」
■dimension(型:int、初期値:0)
出現方法
0:vertical(垂直方向)
1:horizontal(水平方向)

「WipeEffect」
■startPoint(型:int、初期値:5)
開始位置。
1:topLeft
2:top
3:topRight
4:left
5:center
6:right
7:bottomLeft
8:bottom
9:bottomRight

「ZoomEffect」
共通パラメータのみ

■サンプル(詳しくはコード参照)

急いでまとめたので間違いがあれば随時直す。

この記事をブックマーク・シェアする

この記事に関連する記事

カテゴリ

コメント

コメントを残す

コメント*

コメントリンクを nofollow free に設定することも出来ます。

誤字・脱字やリンク切れなどお気づきの点がございましたら@loop0429までよろしくお願いします。

この記事の先頭へ