探讨三星Comdex展示的导航做法

下面是其核心部分的as：
代码拷贝框
// Action script... // [Action in Frame 8] if (pPointGeneratedB != 1) { var cPN = 7; var cCenterX = 0; var cCenterY = 0; var cRadius = 200; var pX = new Array(cPN); var pY = new Array(cPN); var pBufferX = new Array(cPN); var pBufferY = new Array(cPN); var pConflictX = new Array(cPN); var pConflictY = new Array(cPN); var pConflictX2 = new Array(cPN); var pConflictY2 = new Array(cPN); var pTotalX = new Array(cPN); var pTotalY = new Array(cPN); var pOriginX = new Array(cPN); var pOriginY = new Array(cPN); var pDragLineNum = -1; var pDrageB = 0; var pSelectedPointNum = -1; ptc = 0; ptc2 = 0; for (i = 0; i < cPN; i++) { point.duplicateMovieClip("pt_" + i, i + cPN * 2); line.duplicateMovieClip("ln_" + i, i + cPN); eval("pt_" + i).pPointNum = i; eval("ln_" + i).pLineNum = i; pX[i] = Math.floor(Math.random() * 660) - 510; pY[i] = Math.floor(Math.random() * 388) - 180; eval("pt_" + i)._x = pX[i]; eval("pt_" + i)._y = pY[i]; eval("pt_" + i).texts.gotoAndStop(i + 1); eval("pt_" + i).glow.gotoAndPlay(Math.floor(Math.random() * 60) + 1); pOriginX[i] = Math.floor(cRadius + Math.random() * 50 - 25) * Math.cos(6.283185 * (i + Math.random()) / cPN); pOriginY[i] = Math.floor(cRadius + Math.random() * 50 - 25) * Math.sin(6.283185 * (i + Math.random()) / cPN); } // end of for pPointGeneratedB = 1; } else { for (i = 0; i < cPN; i++) { eval("pt_" + i).gotoAndStop(1); eval("ln_" + i).gotoAndStop(1); eval("ln_" + i)._alpha = 60; } // end of for Navigation_text._alpha = 100; Navigation_text.gotoAndStop(1); Navigation_text.text_feelthedigital.gotoAndPlay(160); } // end if // [Action in Frame 9] cX = _soundbuftime; cY = _quality; if (pDragLineNum != -1) { cursor_drag._x = Math.floor(cX); cursor_drag._y = Math.floor(cY); } else { cursor_drag._x = -500; cursor_drag._y = -500; } // end if if (pDragB == 1) { cCenterX = cCenterX + (cX - bX); cCenterY = cCenterY + (cY - bY); } else { cCenterX = 0; cCenterY = 0; } // end if for (i = 0; i < cPN; i++) { if (i == 0) { vTN1 = cPN - 1; vTN2 = i + 1; } else if (i == cPN - 1) { vTN1 = i - 1; vTN2 = 0; } else { vTN1 = i - 1; vTN2 = i + 1; } // end if if (pDragLineNum == vTN2 || pDragLineNum == i) { if (pDragB == 1) { pTotalX[i] = pTotalX[i] + (cX - bX); pTotalY[i] = pTotalY[i] + (cY - bY); } // end if } else if (pSelectedPointNum == i) { pX[i] = cX; pY[i] = cY; pTotalX[i] = cX; pTotalY[i] = cY; } else if (Math.random() < 0.005000) { pOriginX[i] = Math.floor(cRadius + Math.random() * 50 - 25) * Math.cos(6.283185 * (i + Math.random()) / cPN); pOriginY[i] = Math.floor(cRadius + Math.random() * 50 - 25) * Math.sin(6.283185 * (i + Math.random()) / cPN); } // end if pConflictX[i] = (pX[i] + pX[vTN1]) * 0.500000; pConflictY[i] = (pY[i] + pY[vTN1]) * 0.500000; pConflictX2[i] = (pX[i] + pX[vTN2]) * 0.500000; pConflictY2[i] = (pY[i] + pY[vTN2]) * 0.500000; pTotalX[i] = (pOriginX[i] + cCenterX) * 0.500000 + pConflictX[i] * 0.200000 + pConflictX2[i] * 0.200000; pTotalY[i] = (pOriginY[i] + cCenterY) * 0.500000 + pConflictY[i] * 0.200000 + pConflictY2[i] * 0.200000; if (pTotalX[i] > 150) { pTotalX[i] = 300 - pTotalX[i]; } else if (pTotalX[i] < -510) { pTotalX[i] = -1010 - pTotalX[i]; } // end if if (pTotalY[i] > 208) { pTotalY[i] = 416 - pTotalY[i]; } else if (pTotalY[i] < -180) { pTotalY[i] = -360 - pTotalY[i]; } // end if vTPbx = pX[i]; vTPby = pY[i]; pX[i] = pX[i] + (pTotalX[i] - pBufferX[i]) * 0.300000; pY[i] = pY[i] + (pTotalY[i] - pBufferY[i]) * 0.300000; pBufferX[i] = vTPbx - (pTotalX[i] - pBufferX[i]) * 0.500000; pBufferY[i] = vTPby - (pTotalY[i] - pBufferY[i]) * 0.500000; eval("pt_" + i)._x = Math.floor(pX[i]); eval("pt_" + i)._y = Math.floor(pY[i]); if (i != 0) { eval("ln_" + i)._x = Math.floor(pX[i]); eval("ln_" + i)._y = Math.floor(pY[i]); eval("ln_" + i)._xscale = pX[i - 1] - pX[i]; eval("ln_" + i)._yscale = pY[i - 1] - pY[i]; } // end if } // end of for ln_0._x = Math.floor(pX[0]); ln_0._y = Math.floor(pY[0]); ln_0._xscale = pX[cPN - 1] - pX[0]; ln_0._yscale = pY[cPN - 1] - pY[0]; bX = cX; bY = cY; // [Action in Frame 10] prevFrame(); play();
[Ctrl+A 全部选择 然后拷贝]

大家来分析一下思路。

源文件

所有代码集中在一个帧里
下面是代码及简单注释：

//DARKVN版权所有请勿作商业用途
//本程序需flash 6.0支持。
var BallsNum=7; // 设定节点个数
var centerX=300;//设定节点中心位置
var centerY=200;
var cRadius=120;
var drag=0.2;//震动参数
var flex=0.7;//震动参数
for (var i=0;i<BallsNum;i++){ //生成节点
 _root.attachMovie("pit","pit"+i,100+i);
 var theObj= eval("_root.pit"+i);
    theObj.posXStep = 0;
    theObj.posYStep = 0;
    theObj._x = centerX+Math.floor(cRadius + Math.random() * 50 - 25) * Math.cos(6.283185 * (i + Math.random()) / BallsNum); //带限制的随机节点位置
    theObj._y = centerY+Math.floor(cRadius + Math.random() * 50 - 25) * Math.sin(6.283185 * (i + Math.random()) / BallsNum);
    theObj.goalXPos =  theObj._x;
    theObj.goalYPos =  theObj._y;
    theObj.orgXpos =  theObj._x;
    theObj.orgYpos =  theObj._y;
    theObj.index=i;
 theObj.draging=false;
 theObj.gotoAndPlay(random(60));
 theObj.text="MENUITEM"+ (i+1);
 
 theObj.onEnterFrame =function (){
  if(this.draging){
   this._x=_root._xmouse;
   this._y=_root._ymouse;
   theNext=eval("_root.pit"+((this.index==(BallsNum-1))? 0 : this.index+1));
   var dy=this._y-theNext._y;
   var dx=this._x-theNext._x;
   var d=Math.sqrt(dx*dx+dy*dy);
   var arc=Math.atan2(dy,dx);
   theNext.goalYPos=theNext.orgYpos+Math.sin(arc)*d*0.2;
   theNext.goalXpos=theNext.orgXpos+Math.cos(arc)*d*0.2;
   thePrev=eval("_root.pit"+((this.index==(0))? BallsNum-1 : this.index-1));
   var dy=this._y-thePrev._y;
   var dx=this._x-thePrev._x;
   var d=Math.sqrt(dx*dx+dy*dy);
   var arc=Math.atan2(dy,dx);
   thePrev.goalYPos=thePrev.orgYpos+Math.sin(arc)*d*0.2;
   thePrev.goalXpos=thePrev.orgXpos+Math.cos(arc)*d*0.2;

  }
  else{
      this.posYStep = this.posYStep * flex + (this.goalYPos - this._y) * drag;
      this._y =this._y + this.posYStep;
 
      this.posXStep = this.posXStep * flex + (this.goalXPos - this._x) * drag;
      this._x = this._x + this.posXStep;
  }
 }
 
 theObj.onMouseMove=function(){
  var dx=(_root._xmouse-this._x);
  var dy=(_root._ymouse-this._y);
  var d=Math.sqrt(dx*dx+dy*dy);
  if(d<30 ) {
   this.draging=true;
  }else{
   this.draging=false;
&nbs

[1] [2]  下一页

Copyright ＠ 2007-2012 敏韬网(敏而好学，文韬武略--MinTao.Net)（学习笔记） Inc All Rights Reserved.
闵涛 E_mail:admin@mintao.net(欢迎提供学习资源)

鄂公网安备 42011102001154号

站长：MinTao ICP备案号：鄂ICP备11006601号-18