煙火

(滑鼠在畫面任意點一下,就有煙火產生)

前言: 此單元運用了Gravity(重力加速度),模擬出煙火的運動路線與節奏。另外也運用了Scale及Alpha,再讓它隨著運動路線改變大小及消失(調整Alpha值)

步驟 1

先將Movie的背景色設為黑色,產生一個新的Movie Clip,命名為"煙火",在"煙火"的編輯介面畫一個圓,並在圓中使用油漆筒填色工具填出放射性漸層填色,如 圖 1 所示


步驟 2

再產生一個Movie Clip,命名為"控制行為",點選"控制行為"介面的Frame 1,選擇其Frame Properties的Actions,做以下設定:

Set Variable: "zpos" = zpos+../:zspeed
Set Variable: "scale" = (zpos*4+100)/100
Set Variable: "factor" = (zpos/10+100)/100
Set Property ("../spark", X Position) = (../spark:_x+../:xspeed)*factor
Set Variable: "../:yspeed" = ../:yspeed+/:gravity
Set Property ("../spark", Y Position) = (../spark:_y+../:yspeed)*factor
Set Property ("../spark", X Scale) = scale*100
Set Property ("../spark", Y Scale) = scale*100
Set Property ("../spark", Alpha) = ../spark:_alpha-../:fade
If (../spark:_alpha<0)
 Remove Movie Clip ("../")
End If

再點選Frame 1,執行 Copy Frames指令,在Frame 2 執行 Paste Frames 指令 (畫面不放任何物件)

步驟 3

產生新的Movie Clip,命名為"動態煙火",在"動態煙火"的編輯介面上,打開Library,把"煙火"拉進來,再把"控制行為"拉進來,讓它們重疊在一起。

步驟 4

產生新的Button,命名為"煙火產生鈕",在"煙火產生鈕"的編輯介面上,在"Hit"的Frame影格,插入空白的Keyframe,然後再畫一個實心的圓,如 圖 2 所示


步驟 5

產生新的Movie Clip,命名為"煙火產生位置",在"煙火產生位置"的編輯介面上,打開Library,把"煙火產生鈕"拉進來

步驟 6

回到場景上來,把Layer1命名為"夜景圖片",然後放入一張照片,請同學在這裡下載圖片

步驟 7

再插入新的Layer,命名"煙火",打開Library,把"動態煙火"拉進來,並點選它,執行Modify / Instance 指令,在Instance Properties的對話框的Instance Name 給予命名"spark"。
再把 "煙火產生位置"拉進來,並點選它,執行Modify / Instance 指令,在Instance Properties的對話框的Instance Name 給予命名"draggie"。

步驟 8

選擇"煙火"Layer的Frame 1,設定該Frame的Actions,做以下設定:

Set Variable: "gravity" = .98
Set Property ("/spark", Visibility) = false
Start Drag ("/draggie", lockcenter)

圖 3 所示


執行 Control / Test Movie 預覽

原始檔下載


回課程目錄