源码
资讯
  当前位置:源码网网络学院创意设计Flash专区 → Flash初学者教程:简单制作图形变换
特别推荐
热点TOP10
本周下载排行
本月下载排行
Flash初学者教程:简单制作图形变换
日期:2007年10月9日 作者:清风掠影 人气: 查看: [大字体 中字体 小字体]
写个简单的教程,一起学习下吧...   
新建一个空白的FLASH文档,把背景色改为黑色。图1:

Flash初学者教程:简单制作图形变换

  按Ctrl+F8新建一个景片剪辑。图2:

Flash初学者教程:简单制作图形变换

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

Flash初学者教程:简单制作图形变换

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

Flash初学者教程:简单制作图形变换

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

Flash初学者教程:简单制作图形变换

  然后在1到50帧间任意一帧创建形状补间动画。图6:

Flash初学者教程:简单制作图形变换

  最后在图层1右击选择遮罩层。图7:

Flash初学者教程:简单制作图形变换

下面,回到场景中,按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的值是一个角度值,也就是鼠标移动前那个点和鼠标移动后那条线的角度!最终实现的效果就是场景中的影片的角度方向跟随鼠标的方向移动 

   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:
Flash初学者教程:简单制作图形变换

  好了,完成,测试下吧~

(出处:中国教程网论坛)

百度搜索 Google搜索 雅虎搜索 我要投稿
相关文章: 相关软件: