萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Flash教程 >> Flash制作地震視覺效果

Flash制作地震視覺效果

  地震是很恐怖的,能在瞬間把高樓建築夷為平地。下用Flash實現的地震效果也很有震撼效果,下面我們就來制作這個效果一起來體驗下。

  最終效果預覽:

  1、場景的大小比導入的圖片小10-20像素,黑色背景。幀頻為15fps。

Flash制作地震視覺效果 三聯

  圖1

  2、按快捷鍵Ctrl+F8打開“創建新元件”面板,創建一個名為“影片”的影片剪輯元件。接著在其編輯場景中按快捷鍵Ctrl+R導入一張圖片(世貿大樓被“砸”的圖片)。注意,讓圖片的左上角頂點和場景的中心重疊,如圖1所示。可以按快捷鍵Ctrl+I打開“信息“面板進行輔助設置,如圖2所示。

  圖2

  3、回到主場景,按快捷鍵Ctrl+L打開“庫”面板,把“庫“中的“影片”元件拖放到場景1中。點選場景1中的“影片”元件,按快捷鍵Ctrl+K打開“對齊”面板,點選“相對與舞台”按鈕,然後再點擊“水平對齊”和“垂直對齊”兩個按鈕(如圖3所示),使影片“元件”在居中於場景內。

  圖3

  4、點選場景1中的“影片”元件,在“屬性”面板為其起個實例名為mc,如圖4所示。再點選第1幀,按一下F5鍵插入1幀。

  圖4

  5、新建一層,改名為“腳本”層,點選第1幀,按F9鍵打開“動作”面板,並在“專家模式”下鍵入如下代碼:

  // 復制出一個影片實例,使兩個影片實例可以對照

  duplicateMovieClip("mc", "mc" add i, i);

  // 改變實例的位置、透明度、角度等屬性的值,產生抖動效果

  mc._x = Math.random()*4;

  mc._alpha = Math.random()*50+50;

  mc._rotation = Math.random()*2;

  代碼中,onClipEvent是事件處理函數,用來觸發為影片剪輯實例定義的動作;this用來引用對象或影片剪輯實例;_x、_y屬性可以改變元件的位置,_alpha屬性改變元件的透明度;_rotation 屬性用來改變角度值;Math.random產生一個0到1之間的數字。

  6、點選“腳本”層的第2幀,按F7鍵插入一個空白關鍵幀,按F9鍵打開“動作”面板,並在“專家模式”下鍵入代碼“gotoAndPlay(1);”。

  7、按快捷鍵Ctrl+L打開“庫”,雙擊“庫”中的圖片,並如圖5所示設置彈出的“位圖”屬性面板。這樣設置是為了減小SWF文件的體積。

  本例的制作方法非常簡單,代碼也很容易懂。

copyright © 萬盛學電腦網 all rights reserved