BeInteractive!

Adobe MAX でチラ見せしましたが、「BeInteractive! がトゥイーンライブラリを作ったらどうなるのか?」のスローガン [謎] の元、新トゥイーンライブラリ「BetweenAS3」の開発を計画中です。Tweener ユーザが Tweener に不満が出てきたとき、次に使えるようなものを目指していて、次のような特徴を考えてます。

1. 制御

MovieClip のような感覚で、作ったトゥイーンをコントロールできます。

// 作成 (Tweener と同じような感じ)
var t:ITween = Between.tween(mc, {
    x: 100,
    y: 100,
    time: 1.0
});

// 再生
t.play();

// 時間指定 & 再生
t.gotoAndPlay(0.5);

// 停止
t.stop();

// 時間指定 & 停止
t.gotoAndStop(0.5);

2. グループ化

作ったトゥイーンをグループ化して、同時に/順番に再生できます。

// 同時に
Between.parallel(
    Between.tween(mc1, {x: 100, y: 100}),
    Between.tween(mc2, {x: 200, y: 200})
).play();

// 順番に
Between.serial(
    Between.tween(mc1, {x: 100, y: 100}),
    Between.tween(mc2, {x: 200, y: 200})
).play();

Between.parallel 及び Between.serial は Between.tween 同様 ITween を返すので、1. 制御で書いた gotoAndPlay, stop, gotoAndStop が使用可能で、複数のトゥイーンをまとめてコントロールすることが出来ます。

3. 加工

BetweenAS3 最大の特徴で、作ったトゥイーンを、音楽にフィルタを掛けるように加工して、新しいトゥイーンを作り出すことが出来ます。

// t は ITween だと思って下さい

// 逆再生
Between.reverse(t).play();

// 0.3秒〜0.8秒の部分だけ切り出す
Between.slice(t, 0.3, 0.8).play();

// 3倍にタイムスケール
Between.scale(t, 3.0).play();

// 5回繰り返す
Between.repeat(t, 5).play();

// 往復
Between.roundTrip(t).play();

// 永遠に繰り返す
Between.endless(t).play();

// 今の再生位置から逆方向に戻る
Between.reverseFromCurrentToStart(t).play();

各メソッドは全て ITween を引数に取り ITween を返すので、組み合わせが可能です。

// 0.2秒〜0.5秒を逆再生
Between.reverse(Between.slice(t, 0.2, 0.5)).play();

// 5回往復
Between.repeat(Betwen.roundTrip(t), 5).play();

// 普通にトゥイーンするんだけど 
// 終わったら 0.1 秒分戻って 
// またトゥイーンして (要するにバウンド) 
// そのあと 2 倍の時間を掛けて最初まで戻って 
// を 3 回繰り返す 
Between.repeat(Between.serial(
    t, 
    Between.reverse(Between.slice(t, 0.9. 1.0)), 
    Between.slice(0.9, 1.0), 
    Between.reverse(Between.scale(t, 2.0)) 
), 3).play();

4. そのほか

そのほか次のようなのも考えてます。

  • 高速 & 省メモリ。最速と言われている Tweensy よりも速度的に上を目指します。
  • IEventDispatcher インターフェイスの実装。
  • from 値の指定。
  • ライブラリを拡張しやすく。

要望・提案募集中

どうでしょー?BetweenAS3 は現在、絶賛仕様策定中 & 設計中なので、要望や提案があれば、次のチケットにどんどん書いてくださいまし!既存のトゥイーンライブラリへの不満なんかも歓迎です。

この記事へのトラックバック

トラックバックはありません。

TrackBack URL:

http://www.be-interactive.org/trackback.php?id=449

この記事へのコメント

コメントはありません。

コメント書き込み:

カテゴリ

タグ

アーカイブ