2012年8月18日 星期六

[AS3.0學習筆記]3D轉盤效果相簿

之前寫了「數學函數」,現在就趕快來練習一下,製作一個「3D 轉盤效果的相簿」。

效果預覽:

程式學習:

  • 本範例我們希望相片會持續的轉動,當游標移入相片時才會停止,所以必須靠「ENTER_FRAME」事件達成囉!
  • 一開始我們先利用「for 迴圈」設定呼叫的影片片段,以及利用「橢圓位置」做好各物件的擺放。

    for (var i:int = 0; i < ItemTotal; i++)

    {

    var Obj:MovieClip = new OBJ();

    Obj.gotoAndStop(i+1);

    var radian:Number = i * angle;

    Obj.x = Math.cos(radian) * rX + centerX;

    Obj.y = Math.sin(radian) * rY + centerY;

    }

  • 當然,在視覺上我們還得設定各物件的「深度」,讓各物件「越下面時(y 座標越大),深度越大。」

    var myClip:MC;

    //產生20個小圓球,並且命名為「A1」~「A20」

    for (var a:int=1; a<=18; a++)

    {

    myClip=new MC();

    addChild(myClip);

    myClip.name = "A" + a;

    //排好位置

    if (a<10)

    {

    myClip.x = 39 + (a - 1) * 59;

    myClip.y = 128;

    }

    else

    {

    myClip.x = 39 + (a - 10) * 59;

    myClip.y = 230;

    }

    myClip.addEventListener(MouseEvent.CLICK,DoTra
    ce);
    }

    function DoTrace(e:MouseEvent)

    {

    TT.text = e.target.name.toString();

    }

    getChildByName("A3").x = 150;

    getChildByName("A3").y = 80;

    getChildByName("A5").x = 170;

    getChildByName("A5").y = 330;

原始檔下載:

沒有留言:

張貼留言