[flash]拉覇效果的banner partII

LINEで送る
[`evernote` not found]

第一版會當掉的問題應該是flash的tween的問題了
今天google了一下換tweener來試了一下
目前是沒有發生同樣的情形
不愧是高手高高手開發的東西阿

tweener還提供許多動態路線可以使用(這邊也有)
能做的當然也不只位移
模糊 大小 比例 透明 顏色….都可以
不過有的要先初始化才能控制到
像是要控制BLUR的話要先FilterShortcuts.init()
要控制COLOR的話要先ColorShortcuts.init()
不過每初始化一樣都會增加SWF的大小
可以參考節自官網的下表

Class path and nameDescriptionApproximate addition to SWF size
caurina.transitions.properties.ColorShortcutsIncludes properties for manipulating the color of display objects, such as individual channel multiplier and offsets, and special coloring such as hue, saturation, brightness and contrast.2.2 kb
caurina.transitions.properties.CurveModifiersModifiers that provide some kind of change for normal tweenings; right now, the bezier curve only.0.4 kb
caurina.transitions.properties.DisplayShortcutsSpecial properties for display objects such as Sprites, MovieClips, and TextField instances, include modifiers for visibility, frame position, and scrollRect size.0.8 kb
caurina.transitions.properties.FilterShortcutsA list of special properties that simplify the tweening of the built-in bitmap filters such as Blur, Glow, and many others.3.5 kb
caurina.transitions.properties.SoundShortcutsSpecial properties used when controlling sound.0.2 kb
caurina.transitions.properties.TextShortcutsAdditional special properties used to change some specific TextField properties, such as TextFormat properties, and the text content itself.0.9 kb

還有一個很方便的是它連EventListener也內建了
很容易就可以呼叫下一個動作並帶入參數
加上延遲的時間
很直覺性的可以做出希望完成的動作~

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
import caurina.transitions.Tweener;
import caurina.transitions.properties.FilterShortcuts;
FilterShortcuts.init();
stage.frameRate =30;
 
var blurMax:Number = 64;
var loopMax:Number = 3;
var stopArr :Array = new Array("",-142,-99,-51,0);
var atArr :Array = new Array("","44444","33333","22222","11111");
var newgoAt:Number;
function init():void {
	for (var i=1; i<=5; i++) {
		var tmc:MovieClip = this["mov"+i+"_mc"];
		tmc.gotoAndStop(i);
	}
	movebar();
	newgoAt = 1;
	var playbar = setInterval(movebar , 6000);
}
 
 
function movebar():void {
	newgoAt ++;
	newgoAt = newgoAt >4? 1:newgoAt;
	for (var i=1; i<=5; i++) {
		var tmc:MovieClip = this["mov"+i+"_mc"];
		tmc.looptime = 0;
		setTimeout(next1,300*i,tmc);
	}
}
 
function next1(m:MovieClip):void {
	Tweener.addTween(m, {y:100, time:1, transition:"easeInQuint", onComplete:next2,onCompleteParams:[m]});
	Tweener.addTween(m, {_Blur_blurY:4, time:2.5, transition:"easeInQuint", onComplete:next2,onCompleteParams:[m]});
}
function next2(m:MovieClip) {
	m.y = -140;
	if(m.looptime<loopMax){
		m.looptime++;
		Tweener.addTween(m, {y:150, time:0.5, transition:"linear"});
		Tweener.addTween(m, {_Blur_blurY:blurMax, time:0.5, transition:"linear", onComplete:next2,onCompleteParams:[m]});
	}else{
		next3(m);
	}
}
 
function next3(m:MovieClip) {
	var num:Number = int(m.name.substr(3,1))-1;
	var stopAt:Number = stopArr[atArr[newgoAt].substr(num,1)];
	m.y = stopAt-150;
	Tweener.addTween(m, {y:stopAt, time:0.5, transition:"easeOutExpo"});
	Tweener.addTween(m, {_Blur_blurY:0, time:0.5, transition:"easeOutExpo"});
}
 
init();

改用tweener後程式碼感覺也簡單多了~

說點什麼吧!

141 個留言

你好:意外看到你做的拉霸,最近剛好對這個有興趣,
不知道能否跟你要個範例檔呢?謝謝你。
stt7442090@yahoo.com.tw

我寄給你了!參考看看吧~~

 
 

可以跟你要這個的範例檔嘛!!
好酷喔!!
想要借來學習學習!!

我寄給你了!參考看看吧~

 
 

好酷阿~能否跟你要原始碼code參考學習呢><
Email:v90605@yahoo.com.tw

我寄給你了!檢查一下吧!

 
 

你好 我也正在做拉霸
但怎麼做就是不像
你做的好真實!
可以跟您要個範例檔來學習一下嗎?
感謝!
echo_art16@hotmail.com

我寄給你囉 你看看吧~

 
 

你好 我也正在做拉霸
但怎麼做就是不像
你做的好真實!
可以跟您要個範例檔來學習一下嗎?
感謝!

 

大大!好好玩的東西喔!

不知道是否可以給我範例檔案
我想要學習看看!
謝謝您!

原來拉霸機的效果就是這樣做出來的喔!

 
 

您好,看了你的範例的效果真是不錯
蠻像真實的效果的!

可以請你給我一份範例嗎?

謝謝!!!

我寄給你囉!收收看吧!

 
 

不知道是否可以給我範例檔案
我想要學習看看!
謝謝您!

mycat1028@yahoo.com.tw

實在感謝

 
 

大大做的很像耶~
可以寄範例檔案給我嗎~多謝~

tatsuewi@hotmail.com.tw

 
 

Hello~~ Jstfly~~~可以寄這個範例檔案給我嗎??

謝謝~~

 
 

可以控制每列的停放嗎?
或是控制每列最後要顯示的圖案?
例如第一次我想要隨機
第二次就中獎

可以阿
我上面的atArr就是在控制停止時的位置!

 
 

請問可以寄給我嗎 非常感謝你
singergod963@hotmail.com

 

我最近需要這個功能,可以寄範例檔給我ㄇ?
大大的謝謝你!!!!!!!!!!!(跪拜)

我寄給你囉~你看看吧!

 
 

剛開始學 as3
範例檔案檔案可以寄給我做學習參考嗎?
謝謝你

 
 

好東西!

希望版主分享參考,
想要學習^^”
謝謝^^!

kah_w@yahoo.com.cn

 
 

滿酷的耶~好玩的東西
大大方便分享一下嗎?
謝謝~

brian.yang@msa.hinet.net

 
 

很抱歉….
麻煩了 謝謝
markyaoyao@gmail.com

檢查一下信箱吧 寄給你了!

 
 

不好意思 大大也可以寄給我嗎
非常喜歡您的作品

可以是可以….是寄到??

 
 
 

不知道還有在給範例檔案
最近工作需要做的拉霸效果
麻煩你了~~~~感恩

yaham0318@hotamil.com

 
 

您好,我也在研究這塊,程式我是看得懂,但是不知道您的fla是怎麼作的,您的圖是如何放置的,這塊我不是很清楚,能否也把範例檔案寄給我呢? 謝謝
george@goldengame.com.tw

恩 其實程式看得懂應該都八九不離十了 給你參考看看囉!

實在太感謝您了,我完全了解了,謝謝大大:)

 
 
 

我自己在做這個拉霸做個快炸掉了
正巧看到你的DEMO
是否能跟你要一下範例檔案研究一下呢?
thx a lot
seancolor@gmail.com

Sean

 
 

這個我之前有研究過但是速度一直不流暢,請問一下大大可以提供檔案給小弟研究一下嗎???非常感謝!!!

可以阿 不過妳沒有留mail

 
 

可以麻煩寄給我一份嗎??
正在學習flash~
想要研究看看:D
blue1990429@hotmail.com
謝謝你囉~

 
 

大大~~
您實在是太厲害了>”<

我也好想學習啊~~~
不知是否可以給我範例檔案讓我好好研究~~!!
謝謝
E-mail: kaedeshirou@gmail.com

謝謝誇獎….
我寄給你囉~

已經收到了^ ^
感謝~~~~~

正在研究中 XD

 
 
 
 

大大這個效果不錯耶

可以寄範例檔案給我嗎 ~~~ 超想學的!!!

目前有一點點基礎 想要研究看看 ~~~

 

可以寄給我嗎??我也想要研究看看~~
mandy007@mail.tbcnet.net
感謝

 
 

請問是否可以寄給我研究呢?

最近剛接觸tweener

mmyoskiid@gmail.com

萬分感謝~~

 
 

您好! 可以提供上面這個範例檔給我參考嗎? 謝謝!!

 
 

留言板RSS 引用 URI

說點什麼吧!