2012年3月20日 星期二

[AS3.0學習筆記]放大鏡效果

之前沒事做的小效果,主要是「變換滑鼠游標」的程式碼而已!

效果預覽:

製作:

  1. 底圖上鋪一塊帶透明度黑底的黑布。
    鋪黑底的底圖
  2. 製作兩個一模一樣的光圈影片片段元件,其中一個帶光暈效果。
    • shine:做為遮色片之用,放在上層。
    • shineb:做放大鏡的光暈效果,其實也可以不用這個元件,放在下層。
      兩個不同光圈
  3. 重製一張底圖,放於上層,並且由中心向外放大
  4. 整體的圖層規劃如下圖:
    圖層規劃
  5. 輸入程式碼:
    Mouse.hide();
    stage.addEventListener(MouseEvent.MOUSE_MOVE,MaskEvent);
    function MaskEvent(e:MouseEvent):void
    {
    shine.x = mouseX;
    shine.y = mouseY;
    shineb.x = mouseX;
    shineb.y = mouseY;
    }

沒有留言:

張貼留言