萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Flash 教學

Flash 程式特效:動態複製打造時空隧道漩渦

利用 duplicateMovieClip 動態複製元件,配合數學運算控制縮放、旋轉、層級,單一「彩色環」元件即可生成極具視覺衝擊力的時空隧道效果。本教學展示程式碼驅動動畫的經典範例。

製作流程

1. 繪製基礎元件「彩色環」

  • 新建影片剪輯「時空環」,橢圓工具畫圓(描邊無填充)→ 修改→形狀→轉換成填充 → 變成圓環。
  • 油漆桶填充 Flash 內建五彩漸變。
  • 選中填充區 → F8 轉為影片剪輯「彩色環」。

圓環填充五彩漸變

2. 內建旋轉動畫

進入「彩色環」編輯區,第 1 幀建立動畫補間,第 15 幀旋轉 180 度,第 30 幀旋轉 -0.1 度(形成緩慢持續旋轉)。

轉換面板設定旋轉角度

3. 主場景程式碼生成隧道

主場景拖入「時空環」實例命名 circle0,置中對齊。第 1 幀加入核心程式碼:

i = 0;
do {
    setProperty("/circle" + i, _xscale, i * 2);
    setProperty("/circle" + i, _yscale, i * 2);
    setProperty("/circle" + i, _rotation, i * 10);
    i = i + 1;
    duplicateMovieClip("/circle0", "circle" + i, i);
} while (i < 50);

等效現代寫法(for 迴圈 + with 區塊):

for (i = 1; i <= 49; i++) {
    duplicateMovieClip("circle0", "circle" + i, i);
    with (this["circle" + i]) {
        _xscale = _yscale = i * 2;
        _rotation = i * 10;
    }
}

程式碼解析

  • 迴圈複製 49 個實例(circle1~circle49),層級遞增確保後複製者在上層。
  • 每個實例:
    • 縮放比例 = i * 2%(越外層越大)
    • 旋轉角度 = i * 10°(越外層旋轉越快)
  • 形成「內小外大、內慢外快」的漩渦視差效果,模擬時空隧道纵深感。

測試與擴展

Ctrl+Enter 測試。可調整迴圈上限、縮放/旋轉係數、基礎元件樣式(如換成星形、多邊形)創造變體效果。此範例展示了 Flash 早期「程式碼動畫」的核心思想:少量美術素材 + 程式邏輯 = 豐富動態效果。

copyright © 萬盛學電腦網 all rights reserved