4月 07 2009

Tweensy vs. HydroTween, Actionscript Tween ライブラリを比べてみた

HydroTween, Tweensy ,

Actionscript Tween ライブラリも選択肢が増えてうれしい限りです。
Tweener
Go + HydroTween
GTween
TweenMax / TweenLight
Tweensy

通常の使用ではそんなに差は出ないと思われるので、なれたライブラリを使うと良いかな。
Go + HydroTween と Tweensy に同じモーションを設定し動かしてみた。

The Flash plugin is required.

微妙に動きが違うのがネ……
正確に計測したわけではないけど Tweensy の方が duration 値の処理が正確なような・・・

Tweensy では rotation は Matrix を使わないといけないのかなぁ？
だとすると回転させながらの移動の時はちょっと面倒くさいかも。
でも基準点に関係なくインスタンスの任意の位置を中心に回転できるのは便利。

HydroTween はコードがお手軽な感じ、引数の多さに驚かなければな条件付きだけど。

import fl.motion.easing.*;
 
// Tweensy
import com.flashdynamix.motion.*;
import com.flashdynamix.motion.extras.MatrixTransform;
 
var tween:TweensyGroup = new TweensyGroup();
var mtx:MatrixTransform = new MatrixTransform(target);
mtx.registrationX = target.x + target.width/2;
mtx.registrationY = target.y + target.height/2;
var tweensy:TweensyTimeline = tween.to(mtx, {degree:360, tx:500}, 2.0, Sine.easeOut);
tweensy.repeatType = TweensyTimeline.LOOP;
 
// HydroTween
import org.goasap.interfaces.IPlayable;
import com.hydrotik.go.*;
HydroTween.VERBOSE = false;
 
var hydro:IPlayable = HydroTween.go(
target2, {rotation:360, x:525}, 2.0, 0.0, Sine.easeOut
, null, null, null, null, null
, {cycles:0,reverse:true,easing:null}
);

target, target2 ともw:50,h:50。
target 基準点は左上。
target2 基準点は真ん中。

Bookmark and Share
HydroTween, Tweensy ,
«
»

コメント / トラックバック 3 件

  1. イナヅマtvログ » Tweensy vs. HydroTween, Actionscript Tween ライブラリ(2) より:
    2009 年 4 月 8 日 9:37 AM

    [...] 前回に続き Go + HydroTween と Tweensy に同じモーションを設定し動かしてみた。 x と roation に 色遷移を加えた。 [...]

  2. soushun より:
    2009 年 10 月 22 日 7:49 PM

    こんにちは。
    Tweensyで回転の、smartRotateっていうのをfalseに
    すると３６０で１回転できましたよ！
    TweensyGroup.as,TweensyTimeline.asの！
    できねーはずがない…と思ってたどり着いた。
    Tweensy.asでset smartRotateあるけど、かわらなかった。
    直接TweensyGroup.as,TweensyTimeline.asかえたらかわった。

    そんな感じです。

  3. taikiken より:
    2009 年 10 月 23 日 8:03 PM

    ありがとうございます。
    ご助言助かります。
    早速、試してみます。

コメントをどうぞ

WP Theme & Icons by N.Design Studio
RSS