当前位置: 首页 > 图文教程 > Flash动画 > Flash动画制作 > Flash变速滑动菜单剖析(1)

Flash动画制作
FLASH MX 2004右键菜单秀
轻松打造Flash帧速率测试器
Flash制作马赛克效果
一些Flash经验法则
Flash MX 2004 UI组件系列教程(2)
Flash加载外部文件(1)
Flash加载外部文件(4)
Flash MX 2004 UI组件系列教程(6)
Flash MX 2004 UI组件系列教程(5)
Flash MX 2004 UI组件系列教程(7)
Flash MX 2004滚动文本框的两种做法
Flash MX 2004 UI组件系列教程(1)
Flash 8中文版视频教程 滤镜-渐变发光
Flash 8中文版视频教程 滤镜-斜角
Flash 8中文版视频教程 滤镜-渐变斜角
PowerPoint中使用Flash的两点技巧
Flash动画 让其巧妙的设置成桌面上的布景
Flash 8中文版视频教程 滤镜-调整颜色
Flash 8中文版视频教程 绘画-联合
Flash 8中文版视频教程 绘画-裁切

Flash动画制作 中的 Flash变速滑动菜单剖析(1)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 55 ::
收藏到网摘: n/a


  实例说明:

  这是一个在网页中的FLASH导航菜单,很有动感吧?

  经过本例的学习,你将掌握基本的FLASH菜单的操作步骤。以及用AS来编写变速运动的基本方法。一个例子的学习是次要的,希望大家学习完以后可以掌握这种方法,举一反三,应用到更多的实例中去。

   

  实例思路:

  正如前面所说的,一个例子的学习是次要的,关键是掌握这种方法。在进行我们实例之前,先说一下理论与方法。

  在这个导航中,有四个Button(按钮,简称:N),一个MovieClip(影片,简介:MC)。上面跟随移动的MC实例名为:follow。下面的四个BTN实例名分别为:btn_home,btn_about,btn_news,btn_links。实例的运动方法:当鼠标移动到其中的一个按钮上时,上面的MC(follow)会以逐渐减速的运动慢慢靠近鼠标所指的按钮上。这其中是以它们的X坐标来判断follow的位置的。

  follow总共需要移动的距离为我们鼠标所指的按钮的X坐标减去它自己的X坐标。follow每次移动一定的距离(如果大家仔细观察的话,应该发现它并不是以匀速进行的,而是以减速进行的)

  下面我们假设follow的X坐标为40,而我们将鼠标移动到了btn_links的按钮上了(即标有links的那个按钮)。而btn_links的X坐标为280,那么,它们之间的距离为btn_links._x-follow._x(这其中的._x代表这个实例的X坐标)。现在我们需要让follow以减速运动从当前的X坐标移动到btn_links的X坐标上。

  注意:下面是本例的重点,也就是需要大家掌握的“方法”。

  我们让follow每次移动它们之间的距离的1/2。因为follow的X坐标是随时改变的,所以它们之间的距离也会随时改变。当follow第一次移动的时候,它的X坐标为40+(280-40)/2=160注:(40(follow的X坐标)+(280(btn_links的X坐标)-40(follow的X坐标))/2=160(移动后follow的X坐标)。当它第二次移动的时候,它的X坐标为160+(280-160)/2=220。它第一次移动的距离为120像素,而第二次移动的距离为60,实现了我们所要的减速运动。如果觉得这样的减速运动太快的话,你可以适应的改变每次移动的比例。如让follow每次移动1/3……