Haxe - Actuate.Tween

 方法解釋:app

Actuate.tween( target : Dynamic , duration : Float , properties : Dynamic , ?overwrite : Bool , ?customActuator : Class<motion.actuators.GenericActuator> )

target:想要控制的對象,能夠是畫布,能夠是精靈等
duration:動畫持續的時間
properties:??
?overwrite:??
?customActuator:??dom

最簡單的使用方法:動畫

package;

import flash.display.Sprite;
import flash.events.Event;
import motion.Actuate;
import motion.easing.Quad;

class Main extends Sprite {
    
    public function new () {
        super();
        var size = 5 + Math.random () * 35 + 20;
        var circle = new Sprite ();
        
        circle.graphics.beginFill (Std.int (Math.random () * 0xFFFFFF));    //給精靈填充顏色,顏色隨機
        circle.graphics.drawCircle (0, 0, size);                            //畫一個圓形,半徑隨機
        circle.x = 100;                                                        //給精靈賦予初始x位置
        circle.y = 100;                                                        //給精靈賦予初始y位置
        circle.alpha = 0;                                                    //精靈默認爲透明

        addChild(circle);                                                    //把圓形精靈加到大精靈中
        Actuate.tween(circle, 10, { alpha : 1});                            //給圓形精靈加動畫,持續單位10,從透明變爲所有顯示
    }
}

Actuate類的方法:
  - stop
  - pauseAll
  - pause
  - resumeAll
  - resume
  - reset
  - update:?
  - transform:能夠用transform來控制顏色和聲音
  - effects:tween filters (Actuate.effects().filter())
  - timer:計時器
  - apply:use the "apply" method to stop conflicting tweens and instantly set an object's propertiesspa

 

Actuate.tween()方法:
  - autoVisible
  - delay
  - ease:能夠控制運動的速度。正常狀況下,精靈移動的速度是固定的,但若是使用了ease就可讓其作變速運動。easeIn:進場慢,逐漸加快。easeOut:進場快,逐漸減慢。
  - onComplete:在tween結束時調用一個方法
  - onRepeat:在tween重複時調用一個方法
  - onUpdate:當tween更新的時候調用一個方法
  - reflect:當tween重複時作reverse。想使用該方法必須開啓report
  - repeat:重複tween
  - reverse:按原軌跡返回
  - smartRotation
  - snapping

code

相關文章
相關標籤/搜索