利用Tweener製作動畫 – 廣告看板

依然是Tweener範例清倉,本篇範例大致是搭配Tweener讓目標物移動到指定座標的效果,話不多說看範例吧!

Tweener 橫幅廣告 範例:主要為利用Tweener針對廣告看板進行移動,以下為本範例的程式碼:

import caurina.transitions.Tweener;
var i:int;//迴圈用變數
var pic:int = 1;//播放張數紀錄變數
var clock;//計時器變數

//按鈕變色與監聽
btnChange();
function btnChange()
{
	for (i=1; i<=4; i++)
	{
		this["b" + i].gotoAndStop(1);
		this["b" + pic].gotoAndStop(2);
	}
}
for (i=1; i<=4; i++)
{
	this["b" + i].addEventListener(MouseEvent.CLICK,clickFn);
}
function clickFn(e:MouseEvent)
{
	clearInterval(clock);
	clock = setInterval(autoChange,5000);
	pic = e.currentTarget.name.substr(1,1);
	bannerChange();
	btnChange();
}

//計時器設定(每5秒更換)
clock = setInterval(autoChange,5000);
function autoChange()
{
	pic++;
	if (pic>4)
	{
		pic = 1;
	}
	bannerChange();
	btnChange();
}
//圖片切換函數
function bannerChange()
{
	Tweener.addTween(banner, {x:(pic-1)*-560, time:1, transition:"easeOutQuint"});
}

橫幅廣告 範例 原始檔 下載


Tweener 移動看板 範例:與上面範例大致相同,不過本範例增加了縱向的移動。

import caurina.transitions.Tweener
var i
var j
var targetX
var targetY

for(i=1;i<=3;i++){
	for(j=1;j<=3;j++){
		this["b"+i+j].addEventListener(MouseEvent.CLICK,moveFn)
	}
}
function moveFn(e:MouseEvent){
	targetX=(e.currentTarget.name.substr(2,1)-1)*-450
	targetY=(e.currentTarget.name.substr(1,1)-1)*-450
	Tweener.addTween(nb, {x:targetX, y:targetY, time:2, transition:"easeOutQuint"});
}

移動看板 範例 原始檔 下載

You may also like...

45 Responses

  1. CraigDor表示:

    viagra amazon sildenafil 100 mg buying viagra online

  2. CraigDor表示:

    buy generic 100mg viagra online viagra pills viagra from canada

  3. Jamested表示:

    stromectol for sale stromectol for humans for sale stromectol 12 mg tablets

  4. Jamested表示:

    stromectol 12 mg tablets stromectol tablets for humans stromectol 12 mg tablets

  5. Jamested表示:

    stromectol for sale stromectol tablets for humans mectizan stromectol

  6. ytpwfblw表示:

    buy generic provigil 100mg order generic modafinil 200mg

  7. MichaelPlela表示:

    viagra tablets for men sildenafil citrate 100mg for sale viagra

  8. MichaelPlela表示:

    tadalafil best price 20 mg tadalafil 20 mg buy online lowest price tadalafil

  9. MichaelPlela表示:

    where to buy cheap clomid online clomid for sale clomid for sale

  10. ipbyyewj表示:

    provigil us buy modafinil 100mg pill modafinil 200mg tablet

  11. sycjyycu表示:

    buy modafinil for sale modafinil 100mg generic

  12. MichaelPlela表示:

    tadalafil without a doctor’s prescription tadalafil generic tadalafil 20mg india

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。