当前位置:首页>网络学院>网页制作>Flash教程>文章内容

flash效果制作:影片的角度跟随鼠标移动

[ 来源:http://www.it55.com | 作者: | 时间:2007-10-10 | 收藏 | 推荐 ] 【

教程内容:flash效果制作:影片的角度跟随鼠标移动。利用as脚本实现,制作步骤如下:

免费网页模版下载http://www.it55.com

新建一个空白的FLASH文档,把背景色改为黑色

  图1 http://www.it55.com/



  按Ctrl+F8新建一个景片剪辑

  图2

免费资源http://www.it55.com

   
在景片剪辑中,选择文本工具,在舞台上打出想要打的字,然后在第50帧插入帧。

  图3


  新建图层2,把图把2拖到图层1下边,然后在图层2第1帧用矩形工具画一个863*122的矩形,填充上渐变色

  图4
 
  
第50帧插入关键帧,把矩形移动到左边的位置(如图),

  图5


  然后在1到50帧间任意一帧创建形状补间动画 sflj http://www.it55.com kg^&fgd

  图6
   
最后在图层1右击选择遮罩层

  图7


  下面,回到场景中,按Ctrl+L打开库,从中把刚做好的影片剪辑拖到场景中,然后点下场景中的影片剪辑,按F9打开动作面板,输入下面的代码

  onClipEvent (mouseMove) { //mouseMove指鼠标移动

   x = _root._xmouse; //返回鼠标的X坐标值

   y = _root._ymouse; //返回鼠标的Y坐标值

   if (x>=this._x) {

   rot = Math.atan((y-this._y)/(x-this._x))*180/Math.PI;

   } else {

   rot = Math.atan((y-this._y)/(x-this._x))*180/Math.PI+180;

   }

   //Math.atan是用来计算正切值 //Math.PI表示圆周率 //计算得出,rot的值是一个角度值,也就是鼠标移动前那个点和鼠标移动后那条线的角度!最终实现的效果就是场景中的影片的角度方向跟随鼠标的方向移动 免费壁纸下载http://www.it55.com

   setProperty("", _rotation, rot); //元件的新的数值

   xscal = Math.sqrt((x-this._x)*(x-this._x)+(y-this._y)*(y-this._y));

   this._xscale = xscal; //Math.sqrt用来取平方根,这个是两点之间线的长度,把鼠标与场景中的影片的距离作为影片在横坐标方向的缩放值,就是说鼠标离影片越远,影片剪辑在横坐标方向上放大程度越大

   updateAfterEvent(); //影片剪辑执行完成后,更新显示内容,也就是刷新的意思。

  }

  图8


  好了,完成,测试下吧

(编辑:IT资讯之家 www.it55.com

返回顶部
 

网友评论

[以下评论为网友观点,不代表本站。请自觉遵守互联网相关政策法规,所有连带责任均有评论者自负。]
[不超过250字]