動きのあるボタン作成//AS2.0

動きのあるボタンのアクションをActionScriptを多用して作ってみました。

透明：ボタンサイズの透明ボタン（マウスの当たり判定用）
青：ボタンOFFのときの表示用
黒：ボタンONのときの表示用
緑：マスク用

の順のレイヤーにこれらのMCを配置しています。
左のサンプルは、setMaskをしない状態で、これにsetMask()をかけると、右の状態になります。
下のASをご覧のとおり、weenを使うので、Tweenとeasingは事前にインポートする必要があります。
今回は、汎用性を持たせるため、mc_ボタンの中のasレイヤーに記述しました。メインのタイムラインに書く場合は、若干の修正が必要です。

サンプルと同様に音を入れるには、onRollOverの動きのなかに、attachSoundなどで入れてやる必要があります。

//ActionScript//////////////////////////////////////////////////////////////////

透明ボタン.onRollOver = function  () {
    myTween1 = new Tween(緑,"_y",Strong.easeOut,緑._y,0,0.4,true);
}

透明ボタン.onRollOut = function  () {
    myTween2 = new Tween(緑,"_y",Strong.easeIn,緑._y,32,0.5,true);
}

↓サンプル1(setMaskなし)　サンプル2(setMaskあり)↓