BetweenAS3 入門・・が結構ハマった Overwrite と助けてもらったサイトなど

遅ればせながら BetweenAS3 を使ってみました。
好評はもちろん耳にしてて、気になってたけどなかなか腰が重かった・・・
機能の一部も使えてない感じですが、やってみてハマったところや、お世話になったサイトなどメモっておきます。

まずはゲットするとこから

なぜかこのページになかなかたどり着けませんでした（笑）

BetweenAS3 Alpha r3022 出来たよ | BeInteractive!

↑から落として、Tips＆ドキュメントは以下に。

BetweenAS3使い方、Tweenerからの乗り換えのために。 « Fountain
導入Tips。よくまとまってます。

BetweenAS3/en – Spark project
最初、英語に嫌悪感を抱いて読み飛ばしてましたが、実は一通り機能紹介。
Google先生に翻訳してもらったら逆に破壊的な文章に・・・

BetweenAS3 Transition cheat sheet | 水玉製作所
イージング表です。名前もろくに覚えられないので助かります。

BetweenAS3を使ってカスタムイージングの始まりと終わりに別のイージング関数を指定する方法 | ClockMaker Blog
こちらは機能拡張ですが、イージングのカスタマイズが簡単にできちゃうすぐれもの！
IObjectTween は使えない？っぽいです。（知識不足だったらすみません）

BeInteractive! [Wonderfl で BetweenAS3 (Alpha) が試せます]
で、ワンダフルにこんなにチュートリアルがあるのを今発見・・・orz・・

居なくなって気づいた Overwrite の大切さ（ていうか甘えてた自分）

2010/2/18追記
overwriteが実装された模様！

で、Tweener をこれまで使ってたのもあって、Overwrite 機能の有無というところでしっかりつまづきました。
特に、マウスイベントなんか使うと、割とブチ当たるかと思うんですが、同じオブジェクトに Tween の命令が重複しちゃうときに期待した動きになってくれません。

private var _tw:ITween;

function onMouseOverHandler(e:MouseEvent):void
{
		_tw= BetweenAS3.tween(mc, { x:100 }, null,1,Sine.easeOut);
		_tw.play();
}

function onMouseOutHandler(e:MouseEvent):void
{
		_tw= BetweenAS3.tween(mc, { x:0 }, null,1,Sine.easeOut);
		_tw.play();
}

作者さんがそのあたり説明してくださってたので、なるほど納得だったのですが、単純なボタンのロールオーバーを使い回したいときってありますよね？？その解決策がみつからず・・ボタンの数だけ変数を増やすという残念な対応に落ち着きました。数が少なかったのでインスタンス名で振り分けて、ひとつの関数にまとめましたがあんまり意味がない感じになってます。こういうときサラサラっとまとめられるようになりたいなぁ・・・

function onMouseOverHandler(e:MouseEvent):void
{
	switch(e.target.name)
	{
		case "instans_nameA":
			if (_tw_A != null)
			{
				_tw_A.stop();
			}
			_tw_A = BetweenAS3.tween(mc, { x:100 }, null,1,Sine.easeOut);
			_tw_A.play();
			break;
		case "instans_nameB":
			if(_tw_B != null)
			{
				_tw_B.stop();
			}
			_tw_B = BetweenAS3.tween(mc, { x:200 }, null,1,Sine.easeOut);
			_tw_B.play();
			break;
	}
}

function onMouseOutHandler(e:MouseEvent):void
{
	switch(e.target.name)
	{
		case "instans_nameA":
			if (_tw_A != null)
			{
				_tw_A.stop();
			}
			_tw_A = BetweenAS3.tween(mc, { x:0 }, null,1,Sine.easeOut);
			_tw_A.play();
			break;
		case "instans_nameB":
			if(_tw_B != null)
			{
				_tw_B.stop();
			}
			_tw_B = BetweenAS3.tween(mc, { x:0 }, null,1,Sine.easeOut);
			_tw_B.play();
			break;
	}
}

それでも、噂通りいい感じですよ！先生！

ハマったとこから書いておいてなんですが、個人のBetweenAS3 の感想としては、すっきり！わかりやすい！いじりやすい！というところで、慣れれば細かい Tween の調整、とくに組み替えたりするときは、BetweenAS3 は柔軟で、用意されてるメソッドも覚えやすいです。私のようなガッツリ文系脳でも楽しく Tween 作れますね！引き続きいろいろ試してみようと思います。