Authorware课件制作实例教程第5章+课件中的动画效果.ppt

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