當前位置:編程學習大全網 - 編程語言 - Flash教妳怎樣制作花瓣隨風舞動

Flash教妳怎樣制作花瓣隨風舞動

知識點:

a、漸變色,形變動畫的應用。

b、元件的as標識符。

c、attachMovie的應用。

d、movieClip的各項屬性的使用。

e、濾鏡的應用。

應用分析:

本題最初是幫助朋友做壹個視覺效果,做壹朵花開放的效果出來。分析壹下,花是由壹片片花瓣組成,做完每壹片花瓣的伸展動畫,然後復制若幹個這個動畫,讓其環繞壹圈播放,那麽就可以形成壹層花瓣綻放的效果,然後做多層這種效果,最終就可以形成壹朵花的效果。註意必須使用flash8.0以上的播放器。

 那麽問題很簡單,首先要做花瓣。

 建立壹個空MC,命名為"huanban01",用鋼筆工具畫壹個花瓣,註意花瓣的輪廓要使用綠線,而花瓣內要使用中心漸變色填充。花瓣的大小控制在長度100象素左右。註意該花瓣元件的定義點中心應該在花瓣的根部。(這是為了將來復制的時候,花瓣可以根部為中心進行環繞)參見圖pic01.jpg:

在1-30幀之間,做壹個花瓣伸展的動畫,其實就是在第1幀把花瓣縮小,然後用形變動畫讓其放大。參見圖pic02.jpg:

在30-160幀之間,做壹個花瓣輕微舞動的效果,也很簡單,只是讓花瓣的外形稍微有壹點變化即可。妳也可以做的長壹些,比如30-400幀之間,多做幾個關鍵幀。在最後壹幀上加上as:

 gotoAndPlay(30);

 這樣,花瓣在輕微舞動之後會跳回到30幀繼續舞動,這樣壹個花瓣便完成了,妳可以把這個元件拖到場景中,觀看壹下播放效果。

每個花瓣的形狀不可能壹樣,因此,我們有必要多做幾個花瓣,妳可以重復上述步驟,做出"huanban02","huanban03",讓它們的外形和"huanban01"有所區別,輕微舞動的頻率也有所區別。

 接下來壹步,我們需要把元件庫裏的這幾個花瓣加上標識符,以便將來調用。元件庫裏鼠標右鍵點元件"huanban01",在菜單裏選擇"鏈接...”,彈出對話框,勾選“為actionscript導出”,“在第壹幀導出”,然後在標識符壹欄裏寫上"huanban01",點確定。參見圖pic03.jpg:

"huanban02","huanban03"壹樣加上標識符。註意元件的標識符是唯壹的,不可重復,每壹個元件加上標識符之後,運行時就可以將他們隨時調用出來使用了。

 下面需要做壹層花瓣,新建壹個MC,命名為“花瓣層1”,幀上大概參見圖pic05.jpg:

在第1幀裏寫上:

 quan=random(3)+10;

 n=1;

 quan這個變量是用來計算該層花瓣壹***有多少個,如果寫quan=10,那麽該層花瓣就壹***有10片,random(3)是壹個隨機函數,它的作用是隨機生成0-2的隨機整數,那麽quan的實際值應該為10-12的隨機整數。n=1,是計數器,不贅述。在第2幀裏寫上:

 for (i=1;i=quan;i++) {

temp=random(3)+1;

this.attachMovie("huaban0"+temp,"huaban"+n,n)

lik=this["huaban"+n]

lik._rotation=360/quan*i+random(10)-5;

lik._alpha=random(10)+60;

lik._xscale=random(20)+100;

lik._yscale=random(20)+100;

temp=random(2);

if (temp==0) {

lik._yscale=-lik._yscale;

}

n++

 }

 this.attachMovie("huaban0"+temp,"huaban"+n,n) 的作用就是隨機從庫裏抽出"huaban01","huaban02","huaban03"元件,命名為,"huaban"+n的實例,復制到本元件內

 lik=this["huaban"+n]是用lik變量鎖定該復制的實例,方便後面操作。

 lik._rotation=360/quan*i+random(10)-5; 的作用就是把花瓣環繞分布,+random(10)-5的目的是為了讓花瓣的旋轉角度有壹定偏差,不至於太平均。

 lik._alpha=random(10)+60;的作用是讓花瓣的透明度在60-70之間取隨機值。

 lik._xscale=random(20)+100;的作用是讓花瓣的長度在100%到120%之間取取隨機值。

 lik._yscale=random(20)+100;的作用是讓花瓣的寬度在100%到120%之間取取隨機值。

 temp=random(2);

 if (temp==0) {

 lik._yscale=-lik._yscale;

 }

 以上語句的作用是隨機讓花瓣以中軸進行翻轉。n++;計數器+1。在第90幀寫上:

 stop();

 如此,該層花瓣已經完成,可以把該MC拖入場景,觀察效果

花是由多層花瓣組成的,因此,有必要多做幾個,可以把上面“花瓣層1”元件復制若幹個,修改其中的參數,讓其生成花瓣的數目,長短,透明等等有壹定區別。分別拉入場景

 此時,基本已經完工。下面需要做的是組裝花朵。新建壹個MC,命名為“花”,按下圖所示,分別將幾個花瓣層組件分配到不同的層中,將他們疊放在壹起。最後在最上層放壹個中心點。(妳也可以放壹個花蕊什麽的)參見圖pic04.jpg:

將本元件拖入場景總,播放,效果大致如test06.swf所示:

 這時的花看起來還比較平面化,缺少細節,因此,我們需要給花增加效果,讓其看起來更豐富。首先進入“花”組件中,給每壹層花瓣都增加兩種濾鏡,分別是投影和發光。大致的設置如下。參見圖pic06.jpg,pic07.jpg:

然後:進入場景中,給“花”組件也增加壹種濾鏡“調整”顏色,大致設置如下。參見圖pic08.jpg:

經過這樣壹改,花朵的效果就豐富很多了,大致效果如test07.swf所示:

教程後思考題:

1、為什麽非要在每壹個“花瓣層”上增加投影和發光,如果只在“花“組件上增加這兩種濾鏡,效果會如何?

2、有沒可能再做壹花瓣雕零的效果?

3、如果想做花蕊,可不可以用類似的方法來做?

  • 上一篇:《馬可的世界》周邊解析(佛教用語1)曼陀羅圖
  • 下一篇:數據庫中遊標的作用是什麽?
  • copyright 2024編程學習大全網