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

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

轉換面板設定旋轉角度
主場景拖入「時空環」實例命名 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;
}
}
circle1~circle49),層級遞增確保後複製者在上層。i * 2%(越外層越大)i * 10°(越外層旋轉越快)Ctrl+Enter 測試。可調整迴圈上限、縮放/旋轉係數、基礎元件樣式(如換成星形、多邊形)創造變體效果。此範例展示了 Flash 早期「程式碼動畫」的核心思想:少量美術素材 + 程式邏輯 = 豐富動態效果。