本教學使用 GreenSock TweenMax 函式庫（需將 gs 資料夾置於 FLA 同目錄），結合 GlowFilter 與 3D 旋轉，打造滑鼠經過時文字發光並翻轉 180° 的炫酷互動效果。

製作步驟

1. 文件設定

• 新建 AS3 文件，舞台 550×200，背景黑色，影格率 24-30 fps。

2. 文字拆解為獨立影片剪輯

• 文字工具輸入所需字串，設定字體、大小、顏色。
• 修改 > 分離（Ctrl+B）兩次，將文字拆解為獨立字形。
• 逐一選取每個字，右鍵轉換為影片剪輯，命名自定（如 char0、char1…），註冊點設為中心。

3. 核心 AS3 程式碼

新增 actions 圖層，第 1 幀輸入：

import gs.*;

// 遍歷舞台上所有子物件（假設皆為字元影片剪輯）
for (var i:int = 0; i < numChildren; i++) {
    var mc:* = getChildAt(i);
    mc.addEventListener(MouseEvent.MOUSE_OVER, mouseOverHandler);
    // 初始狀態：白光暈
    TweenMax.to(mc, 0.2, {glowFilter:{color:0xffffff, alpha:1, blurX:10, blurY:10}});
}

function mouseOverHandler(e:Event):void {
    var letter:MovieClip = e.target as MovieClip;
    // 滑鼠進入：縮放 X 翻轉 -1（鏡像），橙光暈，完成後呼叫 scaleBack
    TweenMax.to(letter, 0.8, {
        scaleX: -1,
        glowFilter:{color:0xff8800, blurX:20, blurY:20},
        onComplete: scaleBack,
        onCompleteParams: [letter]
    });
}

function scaleBack(letter:MovieClip):void {
    // 翻轉回正，恢復白光暈
    TweenMax.to(letter, 0.2, {
        scaleX: 1,
        glowFilter:{color:0xffffff, blurX:10, blurY:10}
    });
}

4. 關鍵技術點

• TweenMax.to() 支援直接補間 glowFilter 物件屬性，無需手動建立 Filter 陣列。
• scaleX: -1 產生水平鏡像翻轉視覺（類似 3D Y 軸旋轉 180°），輕量高效。
• onCompleteParams 傳遞目標物件給回呼函數，避免閉包陷阱。
• mouseChildren = false（可於轉元件時設定）防止內部字形捕獲滑鼠事件導致閃爍。

5. 測試與延伸

Ctrl+Enter 測試，滑鼠掠過文字即見發光翻轉效果。可替換舞台物件為任何 DisplayObject（圖片、向量圖），調整光暈顏色（color:0x00ff00 等）與模糊半徑，打造多樣風格。

注意：TweenMax 為第三方庫，商業專案請確認授權；現代專案建議改用 GSAP 3.x（gsap.to()）語法。