Flash AS進階教程:實現動態模糊效果

來源:互聯網
上載者:User
動態|教程

  在一些標題或MV的動畫裡我們經常能看到很炫的模糊效果,極具視覺衝擊。高品質的模糊效果大多都採用位元影像並利用其它軟體(如:photoshop)處理後才匯入flash中進行製作。其實,在flash中也可以利用其強大的指令碼功能來實現動態模糊的效果(雖然效果差一點:P)。

  觀看本例效果:

  製作思路:

  利用迴圈和attachMovie 方法從庫中把電影剪輯附加到舞台上,並控置其位置及alpha透明度的變化。

  製作過程:

  步驟1:

  啟動Flash,建立一個影片,設定影片大小為450px*100px,影片背景色為深藍色,顏色代碼為#000033,畫面播放速率30fps

  

  步驟2:

  按快速鍵Ctrl+F8建立一個名為"text"的Movie Clip符號。在"text"情境裡按快速鍵T,Ctrl+F3,然後選取你喜歡的字型、字型大小、字型顏色在情境裡輸入自己喜歡的字母(或圖符),並把字母在"text"情境裡的x、y座標設定為(0,0)。(這裡採用字型:Arial Black ;字型大小:35 ; 顏色:白色; 字母:I LOVE YOU)

  

  按快速鍵Ctrl+F8再建一個名為"control"的Movie Clip符號。這是一個空的Movie Clip ,目的是用來設定有關代碼進行控制。按快速鍵 Ctrl+E回到主情境。Ctrl+L調出庫檔案,按右鍵"text" Movie Clip ,點選linkage 調出linkage Properties 面板,輸入該 Movie Clip的連結標識符"text"(註:這是使用attachMovie 函數所要注意的一個地方)

  

  接下來從庫中把control這個空的Movie Clip拖到主情境,為其加代碼:

  onClipEvent (load) {

  var max = 10;//聲明變數max,並給它賦值

  var anglestep = 360/max;//聲明變數anglestep,並給它賦值

  var rad = (Math.PI/180);//聲明變數rad.數學中1π=180度,這裡設定rad為1度所表示的弧度值

  for (i=0; i

  _root.attachMovie("text", "text" add i, 10+i);

  //利用attachMovie把庫中連結標識符為"text"的Movie Clip附加到主情境,新名字為"text"

  //add i 深度為 i

  }

  //初始化一些變數

  d = 0;

  dstep = 0.15;

  a = 50;

  astep = 1.25;

  }

  onClipEvent (enterFrame) {

  for (i=0; i

  //動態設定附加到主情境的Movie Clip 位置、Alpha 透明度

  其中225、50這兩個數,目的是使字母I LOVE YOU 位於主情境的中心(影片大小450px*100px)

  _root["text"+i]._x = 225+d*Math.cos((anglestep*i)*rad);

  _root["text"+i]._y = 50+d*Math.sin((anglestep*i)*rad);

  _root["text"+i]._alpha = a;

  }

  a+= astep;//a累加

  d+=dstep;//d累加

  if ((a> 50) || (a <-5)) {

  //判斷a> 50或者a <-5時,astep *= -1、dstep *= -1;

  其中-5這個數字可以控制字母從不可見到可見所需的時間長度。你可以試著調整50、-5這兩個數體會體會。

  astep *= -1;//等效於astep=astep*-1;

  dstep *= -1;//等效於dstep=dstep*-1;

  //astep *= -1、dstep *= -1這樣設定的目的是使字母產生

  //清晰→模糊→不可見→模糊→清晰的過程

  }

  }

  至此,代碼設定完畢,Ctrl+Enter 就可以觀看動態模糊的效果.



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。