[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 個留言

你好
不知道能否跟你要個範例檔呢?謝謝你。

不好意思!這邊荒廢的有點久….
應該已經不用了吧..?

 
 

大大 不好意思 可以寄一份給我練習看看嗎?

 
 

不好意思我也想要範例檔QQQ
一直不知道怎麼做這種拉霸的效果QQ

我的mail 是 yeu0319@gmail.com

大感激~~~~

 
 

您好:可以向您要原始檔研究嗎, 謝謝 vencelai@yahoo.com.tw

 
 

這個實在是太讚了, 可以跟您要範例檔學習一下嗎? 感恩

 
 

我也想要學這個! 可以請板大也給我一份嘛! >//<

 
 

最近在學javascript
可以請你給我一份範例嗎?
adam0217@yahoo.com.tw

嗯….可是這是actionscript耶….

 
 

不知道是否可以給我拉霸機範例檔案學習之用

謝謝您!

c3345678@hotmail.com

 
 

版主,你作的範例很精緻,本人最近也在學習相關的程式,可以跟你要原始檔進行研究下ㄇ?
本人的 mail: albernyang@gmail.com

 
 

看到你的拉霸機想研究一下可以寄範例給我嗎?!謝謝~~
a950399@gmail.com

 
 

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

brenda@hko.com.tw

 
 

版主~你好~~
請問可以跟你要原始檔嗎??
我覺得版主做的非常細緻
不會有BUG的感覺
非常感謝版主^^
(sab_121209@yahoo.com.tw)

 
 

版主您好,看到您的拉霸效果覺得非常有質感,

不知道是否方便提供原始檔研究研究呢,感謝喔!

收信吧~!!!!!!

 
 

版主 您好~~
最近公司上要製作此類型的遊戲
可否請您寄這個範例讓我學習一下呢?
非常感謝!

Gravatar Icon Collapse Icon Mark(mail 筆誤) 九月 17th, 2012 at 16:10:10

上封留言的mail 筆誤
還麻煩您用這一封留言的mail寄
謝謝您!

 
 
 

版主 你好~~
這個範例超棒的~
我最近也在學習中~
也可以寄範例讓我學習~~
非常感謝!!!!!!!!!

 
 

您好,最近也要做個拉霸機效果
我試了一些 都沒有像你這樣好的效果
可以跟您借來參考一下嗎ㄒㄒ

earthqearth@hotmail.com

 
 

想要研究一下
可以分享給我參考嗎?
謝謝!

 

慢了幾天不好意思啦!去收信吧

收到了~謝謝!!

 
 
 

我正在想要制作這樣的效果,如果是圖片應該也可以對嗎?
可否請版主分享給我學習一下
非常感謝喔

jeffery522@hotmail.com

 
 

跪求 T^T
之前找到的都是Random,
非常需要這個效果。謝謝!
電郵根據填寫那個不會公開的。
謝謝!

 
 

大大~我正在找這樣效果的flash耶~
可以寄範例檔案給我嗎~多謝~

flf.hsu@gmail.com

 
 

您好, 這個效果讓我很有興趣想要自己玩玩看, 可以跟您索取範例檔案嗎?
謝謝!!

 
 

最近想要用類似拉覇效果產生出範圍內的亂數
不知可否參考大大的範例
謝謝!

 
 

很抱歉忘了留MAIL:fruitpuddingice@hotmail.com
洗你的版面真的很不好意思

沒關係!我寄給你囉~

 
 

不知道是不是方便跟你要範例檔呢
如果可以的話相當感激!!

 

不知道是不是方便跟您要範例檔呢?
如果可以的話相當感激~

 

hi 您好,如果方便的話再請您 Mail 範例給我参考見習,謝謝。我的 Mail jeromechungmf@gmail.com

 
 

好厲害!!!
可以借我範例檔來好好練功嗎~
非常感謝你~
我已經按了”+1″囉~
ckpudding@gmail.com

哈囉~有點慢不過我寄給囉~

 
 

好棒的效果阿!
請問可以提供上面這個範例檔給我參考嗎?
謝謝您!!!
這是我的E-MAIL:
sheep@i-memes.com

我寄給你囉~

是不是該請大家按個「讚」或「+1」比較合理阿?哈哈~

 
 

你好…你的拉Bar效果做的很棒..可否給範例檔學習一下..感謝

我寄囉~幫我按一下最新的「+1」吧^^

 
 
 

留言板RSS 引用 URI

說點什麼吧!