Flash AS代碼制作絢麗的光影變幻GIF動(dòng)畫效果(代碼解析)
我要評(píng)論這篇教程是向大家介紹利用Flash AS代碼制作絢麗的光影變幻GIF動(dòng)畫效果，制作出來的效果很漂亮。教程介紹地很詳細(xì)，最后作者還對(duì)AS代碼進(jìn)行了解析。對(duì)于正在學(xué)習(xí)Flash AS代碼朋友非常有幫助，推薦給大家，希望對(duì)大家有所幫助。
效果演示:
制作思路: 這個(gè)影片剪輯中包含了五幀，每一幀上有不同顏色的小球，我們通過Actionscript代碼來控制跳定位在不同顏色的小球上，從而實(shí)現(xiàn)不同顏色小球之間相互疊加，并在場景中復(fù)制，同時(shí)通過Actionscript控制小球的自動(dòng)移動(dòng)，并應(yīng)用融合效果。
制作方法:
1.新建一個(gè)Flash文檔，文件的場景大小設(shè)置為590*350.背景為黑色.幀頻設(shè)置為31，將其另存為blendmode3.fla.
2.打開新建的blendmode3.fla.在主場景中繪制一個(gè)38*38大小的園形二維形體，按下shift+F9打開混色器，選擇放射狀添充，當(dāng)選擇藍(lán)色，如下圖所示.
注意右邊的混色器，在下面的滑塊中，我們左邊用的是藍(lán)色，右邊是也藍(lán)色，但它的透明度是0，添充后效果如下圖所示。
注意這個(gè)園形的大小當(dāng)前為我們放大后觀看的效果，它的原本大小為38*38。
3.選中這個(gè)園形按下F8鍵，將其轉(zhuǎn)換為圖形符號(hào)，命將它的名稱命名為Blue.同時(shí)注意它的注冊(cè)點(diǎn)。將注冊(cè)點(diǎn)置于中心位置。如下圖所示。
4.確定后我們就創(chuàng)建完成了Blue符號(hào)，依照相同的方法，我們需要?jiǎng)?chuàng)建另外4種顏色的小球，在本例中我們創(chuàng)建了如下幾種顏色的小球。
5．還有一個(gè)創(chuàng)建不同顏色小球的簡單的方法，選中我們剛創(chuàng)建的藍(lán)色小球，右擊選擇直接復(fù)制。然后在進(jìn)入到復(fù)制后的圖形元件內(nèi)部，進(jìn)行修改顏色。
6．創(chuàng)建完多個(gè)小球之后，我們?cè)谥鲌鼍氨３挚盏?。如果場景上有圖形元件要?jiǎng)h去。 然后按下Ctrl+F8.創(chuàng)建一個(gè)新的影片剪輯，我們將它命名為Clip.然后將我們剛剛他建的五個(gè)不同顏色的小球元件，從庫中拖至clip影片剪輯的幀上，如下圖所示。
在打開的窗中，先選中”為Actionscript導(dǎo)出”，然后在鏈接標(biāo)識(shí)處輸入出境partical名稱。確定。我們?cè)诖颂巹?chuàng)建的鏈接名是為我們?cè)谥鲙咸韺懘a時(shí)，用來使用attachMovie進(jìn)行貼加復(fù)制操作的。
8．完成上面的操作之后。選中主場景上的第一幀，按下F9，打開Actionscript面板。我們準(zhǔn)備輸入代碼。
var cx = 180;
var cy = 180;
//設(shè)定循環(huán)20次，準(zhǔn)備從庫中復(fù)制鏈接id為partical的影片.
for (var i = 0; i<20; i++) {
//復(fù)制影片剪輯，引用名稱為mc.
var mc = this.attachMovie("partical"， "p"+i， i);
with (mc) {
//初始化影片剪輯的位置，注意此時(shí)cx，cy是用來調(diào)整mc實(shí)例的偏移位置的.
_x = cx+Math.random()*60;
_y = cy+Math.random()*60;
}
//針對(duì)mc應(yīng)用融合模式類型"add"
mc.blendMode = "add";
//設(shè)定mc實(shí)例的角度隨機(jī)值
mc.tx = random(360);
mc.ty = random(360);
//設(shè)定用于mc角度的增量隨機(jī)值
mc.xtempo = Math.random()/10;
mc.ytempo = Math.random()/10;
//設(shè)定mc實(shí)例的速度隨機(jī)值
mc.xd = Math.random()*10+1;
mc.yd = Math.random()*10+1;
mc.x0 = mc._x;
mc.y0 = mc._y;
//跳轉(zhuǎn)到指定的幀，以變換不同顏色的小球上.
mc.gotoAndStop(random(5)+1);
//通過onEnterFrame循環(huán)，來讓粒子移動(dòng).
mc.onEnterFrame = function() {
this.tx += this.xtempo;
this.ty += this.ytempo;
this._x = this.x0+Math.sin(this.tx)*this.xd;
this._y = this.y0+Math.cos(this.ty)*this.yd;
};
}
9，測試你的影片，你就會(huì)看到如下面的效果。
相關(guān)文章
- 本教程是向大家介紹Flash遮罩特效實(shí)例之百葉窗效果，教程比較基礎(chǔ)，適合新手學(xué)習(xí)。希望對(duì)大家有所幫助2014-09-03
Flash制作描紅和描邊的文字動(dòng)態(tài)效果
本教程是向大家介紹利用Flash制作描紅和描邊的文字動(dòng)態(tài)效果，制作方法很簡單，推薦給腳本之家的朋友，喜歡的朋友可以跟著一起來學(xué)習(xí)2014-08-13- 本教程是向大家介紹利用Flash制作漂亮的熒光文字效果，教程難度不是很大，主要使用了漸變填充等工具，新手朋友可以過來學(xué)習(xí)一下2014-08-13
- 本教程向大家介紹了Flash制作漂亮的光影字效果，教程主要運(yùn)用了遮罩技術(shù)，使平凡的文字看上去更加絢麗。推薦給大家，希望大家能認(rèn)真學(xué)習(xí)2014-08-14
- 本教程是向腳本之家的朋友介紹Flash制作紅色點(diǎn)狀線框文字方法，制作過程很簡單，教程屬于入門教程，對(duì)于新手來說是個(gè)非常不錯(cuò)的教程。推薦給大家，希望大家喜歡2014-09-10