1、第5章 课件中的动画效果,学习目标： 1、熟悉“移动”图标的基本使用方法。 2、掌握常用的移动动画类型。 课程重点 1、指向固定路径的终点动画 2、定时、基点、目标、终点等概念 课程难点 1、基点、目标、终点的区别和定位 2、层的概念及移动对象的选取,5.1 移动图标概述,Authorware是一款功能强大的动画制作软件，提供了多种二维动画的制作功能，这些动画效果可以通过使用移动图标来实现。移动图标用于将一个显示对象按一定路径移动，从而实现动画效果。一个移动图标只能控制一个移动对象。移动对象可以是文字，图像，视屏文件，GIF小动画等。移动图标的移动实际上包含移动对象的图标，所以同一图标中的所有
2、对象都会被整体移动。如果有多个不同的移动对象那么应该把它们放在不同的移动图标内。,在流程线上添加一个移动图标，在窗口会自动出现移动图标属性对话框，如图，通过该对话框可以实现移动图标的属性设置。,5.1 移动图标概述,层文本框： 该文本框用于输入要移动的对象在演示窗口中的层数。用于控制该移动对象和其他显示对象的前后覆盖关系。 定时（时间）下拉列表框： 用来设置移动对象的移动速度。选择时间（秒）选项，定义移动对象在整个移动过程所用的时间单位为秒，选择速率（sec/in）进项，定义移动对象在移动过程中的速度。在时间下拉列表框下边的文本框用于输入数值、变量或表达式确定移动时间或速度。,5.1 移动图标
3、概述,移动图标提供了Direct to Point （指向固定点）、Direct to Line（指向固定直线）、 Direct to Grid （指向固定区域）、Path to End（指向固定路径的终点）、 Path to Point（指向固定路径的任意点）等5种移动方式。,5.1 移动图标概述,动画属性 该种动画类型是“移动”图标的默认设置。只需定义移动点的终点位置，运行程序时，移动对象将从当前初始位置沿直线运动到指定的终点位置。,5.2移动对象到固定点动画（Direct to Point）,实例制作 制作一个卡通人物沿五角星的路线行动的小程序。 演示教学,5.2移动对象到固定点动画（D
4、irect to Point）,动画属性指向固定直线上的某点的移动方式可以实现从起始点到指定直线上某一点的移动方式。与移动到固定点方式相比，将移动的终点位置的定位由点扩展到了直线。在移动图标属性对话框中，类型下拉列表中可以选择“指向固定直线上的某点”，在基点（起始点）和终点两个单选按钮和其后的X文本框将被激活。由于该移动方式的终点位置被定义在一条直线上，所以基点、目标、终点3个选项都只需要一个X坐标定义就可以了，如图所示。,5.3移动对象到固定直线上的某点动画（Direct to Line）,“远端范围”（超出范围）下拉列表框，如图所示。该下拉列表框用于定义当“目标”单选按钮右边文本框中的数值
5、大于“终点”单选按钮右边文本框中的数值时，即当移动对象的终点位置超出结束点时，移动对象的停留位置。“远端范围”下拉列表框中包括以下3个选项。,5.3移动对象到固定直线上的某点动画（Direct to Line）,循环：“目标”单选按钮右边的文本框中的数值在基点和终点间循环，直到目标值小于终点值。此时的目标值表示移动对象的终点位置。如果基点值为0，终点值为100，目标值为1010.那么移动对象的终点位置在所定义的直线上距离起始点距离为10的位置。 在终点停止：移动对象的目的地就在所定义的终点 到上一终点：移动对象的目的地不受终点文本框数值的限制，当目标值大于终点值时，移动对象在目的地所定义的直线
6、的延长线上。,实例制作 制作一个小手随机选择4种水果中一种的小程序。演示教学,5.3移动对象到固定直线上的某点动画（Direct to Line）,5.4移动对象到固定区域上的某点动画（Direct to Grid）,动画属性“指向固定区域”是Authorware提供的第3中移动方式，它将移动对象的终点位置由一个点或是一条直线扩展到一个二维平面。在一个二维平面中确定一个坐标点就需要X,Y两个坐标。所以，在“指向固定区域”移动方式中终点位置的定位方式有些变化：基点、目标、终点3个单选按钮后的文本框由原来的一个变成两个，分别用来确定X,Y两个坐标图，如图所示,实例制作 制作一个小猫跟随鼠标移动的小
7、程序。,5.4移动对象到固定区域上的某点动画（Direct to Grid）,演示教学,动画属性在本节之前介绍的3种移动方式都是通过对终点位置的控制，完成移动。Path to End(指向固定路径的终点)移动方式主要是控制移动的路径，与先控制终点位置的3种移动方式有所不同。Path to End（指向固定路径的终点）移动方式实现移动对象沿着所定义的路径由初始位置移动至路径的终点。移动的路径由用户通过鼠标拖放路径控制点来实现，可以包括直线和曲线。在移动图标属性对话框总的类型下拉列表中选择“指向固定路径的终点”选项后，在该对话框中将增加“移动当”文本框，如图5-5-1所示，当该文本框中的值为真时，
8、程序执行该移动图标。如果该文本框为空，程序只执行该移动图标一次。,5.5 指向固定路径的终点的移动方式（Path to End）,实训项目三：制作固定路径动画,实例制作 制作一只蝴蝶在花丛中飞舞的小程序。 分析： 注意三角形和圆形的路径控制点产生不同的路径动画,5.5 指向固定路径的终点的移动方式（Path to End）,演示教学,动画属性“指向固定路径的任意点”移动方式与“指向固定路径的终点”移动方式相似。该移动方式的终点位置可以是移动路径上的任意点。所以其属性设置比“指向固定路径的终点”方式增加终点位置的定义。如图所示，当我们选择了“指向固定路径的任意点”移动方式后，对话框中将增加“超出
9、范围”下拉列表框。同时基点、目标、终点3个文本框将被激活。,5.6使用对象沿特定路径到任意点动画,实例制作 制作一个小猪回家的小程序。,5.6使用对象沿特定路径到任意点动画,演示教学,实训项目四：制作特定路径动画,【实训学时】 1课时。 【实训目的】 掌握制作特定路径动画。 【实训任务】 制作一行白鹭上青天的动画。要求：白鹭从山下飞起，飞行路线为斜上方。,本章主要是讲述移动图标以及5种移动方式的使用方法，这5种方法前3种主要是通过对终点位置的控制，完成移动，在一个移动图标中只有一个目的地址。后面的2种移动方式都有路径控制点，通过路径控制点，可以添加多个目的位置，要注意区别。在本章实例中，我们运用了一些系统变量和函数，它们将是我们下一章要学习的内容。,本 章 小 结,
