フリーWebクリエイターの昼休み：Siesta Design

import org.libspark.betweenas3.events.TweenEvent;   // 宣言に追加する必要あり

==============

var serialTween1:ITween = BetweenAS3.tween( mcA, { x:150 },{x:20,y:112}, 0.25);
var serialTween2:ITween = BetweenAS3.tween( mcA, { y:60 }, null, 0.15);
var serialTween3:ITween = BetweenAS3.tween( mcA, { x:200 },null, 0.2);

var tween = BetweenAS3.serial(serialTween1,serialTween2,serialTween3);

tween.addEventListener(TweenEvent.COMPLETE, endTween);

tween.play();


function endTween(){
    /*終了時の処理を書く*/
}

// 順番に動かす場合はこんな感じ
var serialTween1:ITween = BetweenAS3.tween( mc2, { x:150 },{x:20,y:112}, 0.25);
var serialTween2:ITween = BetweenAS3.tween( mc2, { y:60 }, null, 0.15);
var serialTween3:ITween = BetweenAS3.tween( mc2, { x:200 },null, 0.2);

BetweenAS3.serial(serialTween1,serialTween2,serialTween3).play();

// シリアルはこれ
BetweenAS3.BetweenAS3.serialTweens( 配列 );

//パラレルはこれ
BetweenAS3.BetweenAS3.parallelTweens( 配列 );

　　// 動かすMovieClipを配列に保持
　　var pointMcArray:Array; = [mc1,mc2,mc3,mc4,mc5,mc6];
　　// 動作するtweenを保持する配列を定義
　　var tweenArray = new Array();

　　// for文でtweenを指定
　　for(var i=0;i< pointMcArray.length ;i++){
　　　　var tmpPointMc = pointMcArray[i];
　　　　// tweenを定義
　　　　var tmpTween:ITween = BetweenAS3.tween( tmpPointMc,
　　　　　　　　　　　　　　　{ x:targetArray[i]["x"], y:targetArray[i]["y"] },
　　　　　　　　　　　　　　　　null, 0.8, Cubic.easeOut);
　　　　// tweenを配列に保持
　　　　tweenArray.push(tmpTween);
　　}

　　// 配列を引数にtweenを設定（これはシリアル）
　　var tween = BetweenAS3.serialTweens(tweenArray);
　　tween.play();

import org.libspark.betweenas3.BetweenAS3;
import org.libspark.betweenas3.tweens.ITween;
import org.libspark.betweenas3.easing.*

// 一番簡単なトゥイーンの方法。
BetweenAS3.tween( mc1, { x:370 },{x:20}, 0.8).play();

// 順番に動かす場合はこんな感じ
var serialTween1:ITween = BetweenAS3.tween( mc2, { x:150 },{x:20,y:112}, 0.25);
var serialTween2:ITween = BetweenAS3.tween( mc2, { y:60 }, null, 0.15);
var serialTween3:ITween = BetweenAS3.tween( mc2, { x:200 },null, 0.2);
var serialTween4:ITween = BetweenAS3.tween( mc2, { y:112 },null, 0.15);
var serialTween5:ITween = BetweenAS3.tween( mc2, { x:370 },null, 0.3);
BetweenAS3.serial(serialTween1,serialTween2,serialTween3,serialTween4, serialTween5).play();

// 並行処理の場合はこんな感じ
var parallelTween1:ITween = BetweenAS3.tween( mc3, { x:370 },{x:20}, 0.8,
Back.easeInOut);
var parallelTween2:ITween = BetweenAS3.tween( mc4, { x:370 },{x:20}, 0.8, Quint.easeInOut);
BetweenAS3.parallel(parallelTween1,parallelTween2).play();

targetMc.mouseEnabled = false;
targetMc.pngMc.mouseEnabled = false;

targetMc.bitmapMc.addEventListener( MouseEvent.MOUSE_UP, onClick );

function onClick(e){
　　trace("targetMc Clicked");
}

解る人には当たり前の話だが、実際にクリックされているのは、bitmapMcなわけで、実際の画像はマウス操作ができない状態で表示されているだけ。
合わせて targetMcを mouseEnabled = false することで、bitmapMc のみをクリックのターゲットとする。

ちなみに、カーソルを指にする buttonMode = true; の指定については、targetMc でも targetMc.bitmapMc でも同じ結果になるようだ。（個人的には、addEventListener するターゲットと同じにした方が分かりやすいと思う）


また、単純に透明画像を含むMCが重なりあっていて、下のMCだけクリックしたいが、絵が重なっているところはクリックさせたくない場合にも使えるはず。

加えてハマった内容としては、そのMC達をそれぞれのラッパー用のMCに含んでしまっている場合。当然のごとく、上位のMCにも .mouseEnabled = false; を指定してあげないと上手くいかないので注意が必要。

 

余談だが、修正対応で各オブジェクトに.mouseEnabled = false;を入れたのだが上手くいかず。それぞれのオブジェクトをラッパー用のMCにaddChildしていたのを忘れていたため、どうしても透明部分が解消されずハマってしまった昨日・・・。

var timer:Timer = new Timer(1000 ,1); // 1000ミリ秒 = １秒
timer.addEventListener(TimerEvent.TIMER, timerFunc);
timer.addEventListener(TimerEvent.TIMER_COMPLETE, timerCompFunc);
timer.start();

function timerFunc(Event){
    trace("予定する繰り返し回数："+timer.repeatCount);
    trace("現在の繰り返し回数　："+timer.currentCount);
}

function timerCompFunc(Event){
    trace("タイマーが完了");
}

まずは、変数定義。

var targetStr:String ;
var targetStr1:String ;
var targetStr2:String ;
var pattern:RegExp;
var resultObject:Object;

// "target006SubMc" の "Sub" を削除して "target006Mc" としたい場合（その１）
targetStr = "target006SubMc";
targetStr1 = targetStr.split("Sub").join("");

trace(targetStr,targetStr1); // →出力結果： target006SubMc target006Mc

// "target006SubMc" の "Sub" を削除して "target006Mc" としたい場合（その２）
targetStr = "target006SubMc";
targetStr1 = targetStr.replace("Sub","");

trace(targetStr,targetStr1); // →出力結果： target006SubMc target006Mc

// "target006Mc" の "006" だけ取り出したい(その１)
targetStr = "target006Mc";
targetStr1 = targetStr.substr("target".length);
targetStr2 = targetStr1.substr(0,targetStr1.indexOf("Mc")) ;

trace(targetStr,targetStr1,targetStr2); // →出力結果： target006Mc 006Mc 006

// "target006Mc" の "006" だけ取り出したい(その２)
// AS3.0から正規表現が使えるようになった！！
targetStr = "target006Mc";
pattern = /(d+)/;
resultObject = pattern.exec(targetStr);

trace(targetStr,resultObject[0]); // →出力結果： target006Mc 006

// 正規表現を使って、数字を金額用のカンマ付きの文字列として返す
var price:int = 10000000; // 1千万
trace(getPriceString( price )); // →出力結果： 10,000,000

function getPriceString( price ){
var pattern:RegExp = /(d)(?=(d{3})+(?!d))/g;
return String(price).replace(pattern, "$1,");
}

ユーザ名
背景色　■ ■ ■ ■ ■ ■
色入力

以下のコードをコピペしてご利用ください。