日本a在线观看_久久久三区_久久99精品久久久久久国产越南_在线观看中文字幕av_国产精品久久久久久久久久东京_a免费视频

PS設計教程網歡迎你!

Flash實例教程之打造鼠標觸發火焰特效

文章來源于 未知,感謝作者 情非得已 給我們帶來經精彩的文章!
設計教程/設計教程/Flash教程2014-03-22
本教程為大家介紹使用Flash CS5制作鼠標觸發的焰火飄落互動特效,主要是用計算鼠標跟隨對象來產生具有一定規律的星火特效。

本教程為大家介紹使用Flash CS5制作鼠標觸發的焰火飄落互動特效,主要是用計算鼠標跟隨對象來產生具有一定規律的星火特效。

用鼠標在畫面上劃過,即可看到絢麗的互動特效

Flash實例教程之打造鼠標觸發火焰特效

一、 制作焰火飄落特效

(1)新建一個大小為500×300像素,幀頻為30fps的空白文檔。按Ctrl+R組合鍵導入西湖夜景.jpg”文件,然后設置其坐標為(0,0),如圖1所示,再采用前面的方法在“屬性”面板中添加Main文檔類。

Flash實例教程之打造鼠標觸發火焰特效

圖1 導入背景

(2)按Ctrl+F8組合鍵新建一個影片剪輯(名稱為Star_mc),進入該影片剪輯的編輯區域,然后按住Shift+Alt組合鍵的同時使用“橢圓工具”在該影片剪輯的中心點繪制一個圓形。

Flash實例教程之打造鼠標觸發火焰特效

圖2 繪制圓形

技巧與提示:圖形的填充色類型為“放射狀”,第1個色標顏色為(R:255,G:0,B:0),第2個色標顏色為(R:153,G:0,B:0),第3個色標顏色為(R:153,G:0,B:0),Alpha為0%。

(3)新建一個star圖層,再單擊“工具箱”中的“多角星形工具”按鈕 ,并在“屬性”面板中設置好該工具的參數,然后按住Shift+Alt組合鍵的同時在影片剪輯的中心點繪制一個如圖3所示的星形。

Flash實例教程之打造鼠標觸發火焰特效

圖3 繪制多角星形

(4)使用“選擇工具”調整好星形的頂點位置,如圖4所示。

Flash實例教程之打造鼠標觸發火焰特效

圖4 調整頂點

(5)選擇調整好的多角星形,然后原位復制出一份,按Ctrl+Alt+S組合鍵打開“縮放和旋轉”對話框,設置縮放為40%,再設置其顏色為白色,如圖5所示。

Flash實例教程之打造鼠標觸發火焰特效

圖5 拷貝并縮放圖形

(6)返回到“場景1”,按Ctrl+F8組合鍵新建一個影片剪輯(名稱為Magic_mc),再設置填充類型為“放射狀”,第1個色標顏色為 (R:255,G:255,B:255), 第2個色標顏色為(R:255,G:255,B:204),第3個色標顏色為(R:255,G:204,B:0),第4個色標顏色為 (R:255,G:102,B:0),第5個色標顏色為(R:153,G:0,B:0),Alpha為0%,然后按住Alt鍵的同時使用“矩形工具”以該 影片剪輯中心點為起點繪制一個如圖6所示的矩形。

Flash實例教程之打造鼠標觸發火焰特效

圖6 繪制矩形

(7)使用“任意變形工具”選擇矩形,然后按Ctrl+T組合鍵打開“變形”面板,設置旋轉為45°,再單擊“重制選區和變形”按鈕 ,復制出3份圖形,如圖7所示。

Flash實例教程之打造鼠標觸發火焰特效

圖7 復制圖形

(8)復制出5個圖形,然后將其調整成如圖8所示的顏色,再將復制出的圖形轉換為影片剪輯,并將其分別命名為01、02、03、04和05 。

Flash實例教程之打造鼠標觸發火焰特效

圖8 復制圖形

(9)將01、02、03、04和05 影片剪輯分別放置在Magic_mc圖層的5個關鍵幀上,然后分別為其添加不同的“發光”濾鏡,再新建一個AS圖層,最后在“動作-幀”面板中輸入stop():程序,如圖9所示。

Flash實例教程之打造鼠標觸發火焰特效

圖9 應用濾鏡效果

二、 創建元件類 添加控制代碼

(1)采用前面的方法分別為Magic_mc和Star_mc影片剪輯添加元件類,如圖10所示。

Flash實例教程之打造鼠標觸發火焰特效

圖10 添加元件類

(2)新建一個ActionScript文件,將其命名為Main,然后將其保存在該實例的文件夾中,再輸入控制代碼。

  * 該類為擴展元件類
  * @author lbynet
  * @version 0.1
  */
  package {
  import flash.display.MovieClip;
  import flash.events.Event;
  public class Magic_mc extends MovieClip {
  private var dis:Number;
  public function Magic_mc() {
  init();
  }
  private function init() {
  var Random = 1 + Math.round(Math.random()*4);
  this.gotoAndStop(Random);
  this.scaleX = this.scaleY = Math.random();
  //產生隨機數-5到5之間的隨機數
  dis = Math.round((Math.random()-.5)*10);
  this.addEventListener(Event.ENTER_FRAME,enterFrameHandler);
  }
  private function enterFrameHandler(event:Event) {
  this.y += 5;
  this.x += dis;
  this.scaleX -=.005;
  this.scaleY -=.005;
  }
  }
  }

技巧與提示:

第19和20行代碼是為該元件類創建一個1~5之間的隨機數,使該影片剪輯元件類在實例化(被創建時)時將播放頭移到并停止在指定的時間幀上。

Math.random()方法產生0~1之間的隨機數,Math.random()*4方法返回到0~4之間的隨機數,而 Math.round()方法用于向上或向下舍入為最接近的整數并返回該值,所以1+Math.round(Math.random()*4)方法取得 1~5之間的隨機整數值;gotoAndStop()語句使影片剪輯的播放頭移到并停止在指定的時間幀上。

通過使用Math.random()-0.5 方法來生成-0.5~0.5之間的隨機數,然后乘以10得到-5~5之間的隨機數,再使用Math.round方法進行舍入并取得整數,這樣當鼠標指針由下往上移動時,就會產生星火飄落的效果,如圖11所示。

Flash實例教程之打造鼠標觸發火焰特效

圖11 星火飄落效果

第30行代碼是為火花加入y軸坐標方向上的一個固定加速度,而第31行代碼則是火花在x軸坐標方向上的一個-5~5之間的隨機加速度值。

(4)按Ctrl+Enter組合鍵發布程序。

進入論壇交作業:http://www.missyuan.com/thread-696891-1-1.html

版權所有PS設計教程網公安備案:蘇公網安備 32058302001023號工信部備案:滬ICP備09005587號
aaa
主站蜘蛛池模板: 国产精品wwww | 欧洲精品久久久久69精品 | 久久在现视频 | 一二区电影 | 日韩毛片在线看 | 亚洲国产超高清a毛毛片 | 青久草视频| 成人免费久久网 | 31freehdxxxx欧美| 一本一本久久a久久精品综合小说 | 亚洲九色 | www.91sp| 亚洲精品免费播放 | 欧美黄色性生活视频 | 国产精品久久久免费 | 新久草视频 | a网站在线| 九九热精| 国产午夜亚洲精品理论片大丰影院 | 激情黄页 | 99亚洲伊人久久精品影院红桃 | 欧美18—19sex性护士中国 | 麻豆19禁国产青草精品 | 久久av一区二区 | 亚洲va在线 | 欧美一区在线观看视频 | 日本欧美一区二区 | 天天夜干 | av免费在线观看国产 | 日韩一级毛毛片 | 一区二区国产在线 | 久久久久久久久久久久久久国产 | 久久精品视频69 | 看免费黄色大片 | jizzjizzjizz少妇| 欧美视频国产精品 | 国产午夜精品久久久久 | 毛片免费在线观看视频 | 国产激情精品一区二区三区 | 国产毛片aaa一区二区三区视频 | 成人午夜在线免费视频 |