Flash打造数字图片随鼠标环绕旋转效果
来源：中国教程网 | 作者：acti0n | 发布时间：2007-12-04 | 栏目：Flash
• 本文由中国教程网 acti0n  原创，转载请保留此信息！看效果：
  
  

  好，现在开始咯：
  新建FLASH文件，修改-》文档，把文档的背景色改成黑色。CTRL+F8新建元件【text】，在元件的帧上放13个关键帧，第一帧留空，在其他每个关键帧中输入一个字母【颜色自定～不过不能是黑色哈～】，并用对齐面板把各个字母放到元件的舞台的正中。

  对齐面板的使用如图：

  

  代码：

  stop();

  这时的时间轴如图：

  

  退回场景1，把刚才新建的元件拖到舞台中，打开它的属性面板，把实例名称命名为：v0 。再新建元件【earth】，在元件的第一帧画一个小圆『黑色』，和背景色一样。退回场景1，把刚才新建的元件拖到舞台中。打开它的属性面板～把实例名称命名为：earth。在场景1新建图层，在新图层第一帧输入以下代码：

  for(i=1;i<13;i++){ 
  duplicateMovieClip("v0","v"+i,i); 
  _root["v"+i].factor=-360/12*i; 
  _root["v"+i].gotoAndStop(i+1); 
  } 

  选中元件 【text】~在动作面板输入以下代码：

  onClipEvent (load) { 
  _root.earth.swapDepths(100); 
  speed = 3; 
  radius = 180; 
  } 
  onClipEvent (enterFrame) { 
  _y = _root.earth._y; 
  z = _root.earth._x-_root._xmouse; 
  speed = z/40; 
  factor += speed; 
  xtransform = Math.sin(Math.PI/180*factor); 
  ytransform = Math.sin(Math.PI/180*factor); 
  ytransformp = Math.sin(Math.PI/180*(factor+90)); 
  this._xscale = ytransformp*120+1; 
  this._x = _root.earth._x+xtransform*radius; 
  this._alpha = 10+(ytransformp+1)*50; 
  this._yscale = 120+(ytransformp-1)*2; 
  stack = Math.round((ytransform+1)*100); 
  this.swapDepths(stack); 
  }

  恩，这样差不多就行了。如果还有不懂的请看源文件：07120402flash_veeqi.rar
  
  扩展：
      如果要变成图片的环绕效果～只要把元件【text】中的字母换成图片就可以了。 
      如果图片太大或太小，请修改以上代码中的radius = 180；这句～只要改变值180即可。
      如果图片不是12张～请修改元件【text】的帧数～第一帧照样留空～修改第一段代码for(i=1;i<13;i++)中的13为图片的张数加一。



TAG：

上一篇：AS2.0打造小球沿圆周运动动画   下一篇：AS制作旋转3D小方块