萬盛學電腦網

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

Flash 模擬 3D 時空隧道效果教學

Flash 本身是 2D 動畫軟體,無法直接產生 3D 效果,但透過技巧搭配 ActionScript 即可模擬逼真立體感。本教學示範如何打造一條深邃無盡的時空隧道。

步驟 1:設定舞台

新建影片,舞台大小 550×400 px,背景色深綠 #003300。

步驟 2:建立發光圓球元件 (bb)

新增「圖形」元件命名 bb,進入編輯區。開啟混色器,選「放射漸變」:左滑塊綠色 RGB(0,204,153),右滑塊黑色。用橢圓工具按 Shift 畫正圓。

步驟 3:製作晃動圓球元件 (b)

新增「影片剪輯」元件 b,將 bb 拖入。在第 15、30、45、60、75 幀插入關鍵幀,每次將小球向不同方向移動,並在關鍵幀間建立動態補間,形成來回晃動效果。

步驟 4:主場景背景

回主場景,背景圖層用矩形工具畫滿舞台的方形,填充「放射漸變」:左黑、右綠 RGB(0,135,8)。

步驟 5:ActionScript 產生隧道

新增圖層拖入元件 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),即可看到深邃旋轉的時空隧道效果!

copyright © 萬盛學電腦網 all rights reserved