网页教学网
 当前位置: 网页教学网 >> 动画制作 >> Flash实例教学 >> Flash初学者教程:简单制作图形变换
[ HTML ] [ FW ] [ DW ] [ FP ] [ JS ] [ XML ] [ CSS ] [ 图象 ] [ FLASH ] [ .NET ] [ ASP ] [ JSP ] [ PHP ] [ 数据 ] [ 系统 ] [ 安全 ] [ 素材 ] [ 建站 ] [ 主机 ] [ 入门 ] [ 技巧 ]

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

http://www.webjx.com  更新日期:2007-10-06 16:33  出处:中国教程网论坛  作者:清风掠影
写个简单的教程,一起学习下吧...   
新建一个空白的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初学者教程:简单制作图形变换

  好了,完成,测试下吧~
关键词:Flash,形变
推荐给好友】【关闭】【收藏本文
最新五条评论
查看全部评论
评论总数 0
您的评论
用户名: 新注册) 密 码: 匿名:
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为