Flash 本身是 2D 動畫軟體,無法直接產生 3D 效果,但透過技巧搭配 ActionScript 即可模擬逼真立體感。本教學示範如何打造一條深邃無盡的時空隧道。
新建影片,舞台大小 550×400 px,背景色深綠 #003300。
新增「圖形」元件命名 bb,進入編輯區。開啟混色器,選「放射漸變」:左滑塊綠色 RGB(0,204,153),右滑塊黑色。用橢圓工具按 Shift 畫正圓。
新增「影片剪輯」元件 b,將 bb 拖入。在第 15、30、45、60、75 幀插入關鍵幀,每次將小球向不同方向移動,並在關鍵幀間建立動態補間,形成來回晃動效果。
回主場景,背景圖層用矩形工具畫滿舞台的方形,填充「放射漸變」:左黑、右綠 RGB(0,135,8)。
新增圖層拖入元件 b,實例名 b0。第 1 幀加入以下 AS 程式碼:
d=10;
r=0;
pai=3.14/180;
i=0;
do{
setProperty("/b"+i, _xscale, i);
setProperty("/b"+i, _yscale, i);
setProperty("/b"+i, _x, d*Math.cos(pai*r)+200);
setProperty("/b"+i, _y, d*Math.sin(pai*r)+200);
r=r+10;
d=d+1;
i=i+1;
duplicateMovieClip("/b0", "b"+i, i);
}while(i<540);
原理說明:利用極座標公式 x = d·cos(r), y = d·sin(r),每次迴圈半徑 d 遞增 1、角度 r 遞增 10°,並複製放大縮小的圓球,形成從遠而近、不斷擴大的圓形通道,產生時空隧道視覺。
測試影片(Ctrl+Enter),即可看到深邃旋轉的時空隧道效果!