china.com
主页
新闻
体育
游戏
文化
教育
健康
财经
科技
旅游
军事
娱乐
商贸
  科技动态 硬件广场 下载基地 网络教室 网络冲浪 科学博览 移动时代 手机上网 桌面壁纸 科技商情  


第三节 运动的小球(三)


前两节我们通过小球的运动介绍了Flash中最基本的动画--运动渐变动画,这一节我们仍将继续深入学习这种方式的动画。首先我们一起来看一看上面的例子是怎么做出来的。

这是一个跳动的球。我们先试着用前两节中讲过的方法做一下。首先选好舞台的大小,颜色等,在舞台上用桔黄梯度色画一个大小适中的圆球形。(注意现在的这个圆球形是形体而不是实例,你可以对它进行重新填色,甚至可以用箭头工具选择其中一部分区域进行操作,而实例则作为一个整体出现,你只能对它做整体操作。这一点我们在上一章已经讲过。)我们需要把它做成一个图符,以方便我们调用。选中这个圆球形,按F8键把它转换成图符,在弹出的窗口中给这个图符起名为ball,并确认是图形类图符,按回车确定。这时圆球形外面出现一个方框,如右图所示,表示小球已经成为一个实例。现在小球位于时间轴的第1帧上,我们把小球拖动到舞台的最上端,然后在时间轴第18帧上按F6键插入一个关键帧,把实例小球从最上端拖动到最下端,然后再在第36帧处按F6插入一关键帧,为了使小球在这一帧能回到原位,我们可以把第1帧的内容复制到这一帧。在第1帧上点鼠标右键,在弹出的菜单中选Copy Frames,或按快捷键Ctrl+Alt-C,复制第1帧,然后同样在第36帧处点鼠标右键,选Paste Frames,或按快捷键Ctrl+Alt-P,将第1帧的内容粘帖到这一帧上。可以看到在这一帧,小球又回到了起始位置。时间轴的状态应如下图所示。

现在我们来看一下效果,如左图所示。怎么好象和上面的结果不一样,似乎看不出那种重力作用的感觉,看来我们还有点工作没有做完。双击时间轴第1帧,弹出帧属性对话框,选择渐变(Tweening)标签,在其下的选项中将Easing所对应的指针拖动到最左端,或在右边的输入框中输入-100,如右图所示,确定。然后,在第18帧双击,把Easing所对应的指针拖动到最右端,或在右边的输入框中输入100。然后,我们再来看一下效果,按Ctrl-Enter全屏观看,是不是和我们需要的效果一样了?
现在大家应该知道Easing选项的作用了吧。它的作用是在运动的过程中产生速度上的变化,默认值为0,即为匀速运动。当Easing所对应的指针向左边移动时,也就是Easing值为负时,运动的物体做加速运动,相反,当Easing所对应的指针向右边移动时,也就是Easing值为正时,运动的物体做减速运动。当Easing值的绝对值越大时,物体运动的加速度越大,物体运动时速度变化也就越快。在小球下落的过程中,速度越来越快,所以我们把Easing的值改为负值,注意在Easing值为-100时,比较接近重力加速度。当小球弹起时,速度越来越慢,因此Easing值为正。

           

下面我们来变个花样,做一个简单的物理实验的模拟。如上面所示,桔黄色的小球从空中落下,落地瞬间与地上静止的绿色小球发生碰撞,两球均沿不同轨迹飞出界面。

具体做法如下。以我们刚才做好的动画为基础,在时间轴窗口新增加一个层,命名为Green Ball,注意该层上有铅笔标志,表示正在编辑该层。我们用椭圆工具选绿色梯度色绘制一个大小和桔黄色小球差不多的小球,并把它移动到桔黄色小球下方偏右一点,以便桔黄色小球落地时正好与它接触。在第18帧上按F6新建关键帧,因为这时是与落地的桔黄色小球碰撞产生运动的起始位置。在第36帧再按F6增加一个关键帧,并把绿色小球横向右移出画面。为了让绿色小球动起来,我们在第18帧双击,在弹出的帧属性对话框中渐变标签下,选TweeningMotion。确定后第18帧到第36帧之间会有一个实箭头。这样,绿色小球的动画部分就做好了。

下面我们设法让桔黄色的小球在与绿色小球碰撞后沿指定的路线飞出画面。用鼠标右键在时间轴窗口,桔黄色小球所在层点一下,在弹出的菜单中选Add motion guide,新增一个导向层。这时导向层成为当前正在编辑的层。我们在导向层上画一条路径。画好的结果应如左图所示。绘制这条路径的方法有很多,一种方法是,可以用铅笔工具或直线工具画路径的直线部分,然后用椭圆工具画不填充的椭圆,用箭头工具取其中一段作为路径的曲线部分。路径画好后,用鼠标左键双击桔黄色小球所在层的第1帧,在弹出的帧属性对话框中渐变(Tweening)标签下在捕捉到路径(Snap to guide)前的复选框中点一下使其被选中,确定。同样对第18帧进行相同的操作。回到第1帧,选择箭头工具(注意箭头工具的参数修改器中捕捉按钮应处于按下状态),用鼠标左键点击桔黄色小球中心附近并把它拖动到路径直线的最上端,见左图。在接近端点时,小球中心会自动吸附在端点上。在第18帧,把桔黄色小球拖动到路径直线的下端,在第36帧,拖动到曲线的末端。做好后,时间轴窗口的设置应如下图所示,绿色小球所在层位于桔黄色小球所在层上面还是下面无关紧要。

我们用Ctrl-Enter来查看一下效果,如果发现桔黄色小球并没有沿指定路线移动,表明关键帧中小球的位置不对,未能真正处于路径的端点,试着调整有问题部分的关键帧中桔黄色小球的位置。一次不行,多调整几个就行了。

现在我们就可以欣赏这一段稍微复杂点的动画了。是不是很有点成就感?下一节中我们将从另一个方面讲解运动渐变动画的用法。这里是这个示例的源文件。

 

  摘自《新闪光时代》 幸运鸟/文

 

 


科技检索


中华网推荐

  • 1000名医生在线咨询

  • 中国足球队官方网站

  • 鸦片玫瑰(新版)

  • 精选股票天地

  • 闪光的flash教程

  • 中华网汽车世界

  • 为你的爱情出谋划策

  • 网文精选——野百合集

  • 世界文化遗产在中国

  • 历届香港小姐风姿集




  • 网络教室编辑信箱
    版权声明 | 本站检索 | 联系方法 | 刊登广告 | 使用说明 | 关于中华网 | 豁免条款

    版权所有 中华网