第8章_8.3_动画设计

8 3动画设计 前面的章节中 我们主要学习了多媒体素材的制作与导入 接触了各种媒体 如文字 图形 图像 视频和各种动画 在本章中 我们学习使用动画图标 亦称移动图标 使这些视觉媒体的位置发生相对变化 即所谓动画设计 Authorware具有较强的动画功能 提供了特效 运动 定位3种方式来实现动画效果 其中特效与定位我们在显示图标中已经作了介绍 运动方式是指利用移动图标设置对象在屏幕上的运动 3种方式都为了让静态媒体活动起来 从而产生更加精彩 生动的视觉效果 8 3 1动画图标的类型与特点 在 移动 图标使用中 一个移动图标只能控制一个独立 即一个图标所包含 对象的运动 它可以是显示 动画 数字电影以及视频等图标对象 移动图标为对象提供了5种运动方式 指向固定点 指向固定直线上的某点 指向固定区域内的某点 指向固定路径的终点和指向固定路径上的任意点 指向固定点 是直接移动到终点的动画 这种动画效果是使显示对象从演示窗口中的当前位置直接移动到另一位置 指向固定直线上的某点 是终点沿直线定位的动画 这种动画效果是使显示对象从当前位置移动到一条直线上的某个位置 被移动的显示对象的起始位置可以位于直线上 也可以在直线之外 但终点位置一定位于直线上 停留的位置由数值 变量或表达式来指定 指向固定区域内的某点 是沿平面定位的动画 这种动画效果是使显示对象在一个坐标平面内移动 起点坐标和终点坐标由数值 变量或表达式来指定 指向固定路径的终点 是沿路径移动到终点的动画 这种动画效果是使显示对象沿预定的路径从路径的起点移动到路径的终点并停留在那里 路径可以是直线段 曲线段或是二者的结合 指向固定路径上的任意点 是沿路径定位的动画 这种动画效果也是使显示对象沿预定的路径移动 最后停留在路径上的任意位置而不一定非要移动到路径的终点 停留的位置可以由数值 变量或表达式来指定 8 3 2指向固定点的动画DirecttoPoint 在Authorware中 指向固定点 是动画设计中最基本的动画设计方法 指向固定点 的动画是使对象由起点位置沿直线移动到终点位置 这里的起点是对象在屏幕的最初位置 可以是屏幕坐标内的任意点 终点是程序预先指定的运动的目标点 1移动对象与移动属性的设置 图动画图标 属性 基点 目标 和 终点 在这个区域内 用户可以定义被移动对象的运动终点所在的区域 或直线 路径 Authorware允许用户通过拖放对象 输入数值 变量或表达式的方法来定义这些区域的值 Authorware提供的是一种相对的数值关系 即定义初始点数值为0 终点数值为100 所以 用户定义的目标点的数值一般为0 100 目标对象从它的初始位置 由图像属性对话框决定 移动到目标点表示的位置 8 3 3指向固定路径的终点动画PathtoEnd 指向固定路径的终点 运动效果即沿路径移动 在此效果下 对象将沿着定义的曲线在起始位置和结束位置之间移动 使用 指向固定路径的终点 运动效果 不但可以控制对象沿着折线运动 还可以控制对象沿着圆滑的曲线运动 1移动路径与移动属性的设置创建 指向固定路径的终点 运动效果的动画是比较常见的 本小节选用皮球弹跳的例子来介绍 指向固定路径的终点 的动画设计 运行效果是 程序运行后 小球将从演示窗口的左边高处弹下 弹跳几次后到演示窗口的右边结束 图 属性 移动图标 对话框 在选择了 指向固定路径的终点 移动方式之后 在 属性 移动图标 对话框中多了一项 移动时 属性 如图所示 在该文本框中输入的逻辑常数 变量或表达式将作为此移动图标是否执行的条件 当实例程序运行到移动图标时 会首先检查 移动时 属性的值是否为真 TRUE 1或ON 如果为真 就会执行此移动图标 如果为假 FALSE 0或OFF 就将此设计图标忽略 如果保持该文本框为空的话 程序仅在第一次遇到该移动图标时执行它一次 此时我们设置 三角形移动 运动图标的 移动时 属性为 FALSE 当Authorware运行时 就会跳过 三角形移动 而直接往下进行 图移动条件与执行方式 图移动路径 2动手实践 控制水分子热运动 前面介绍了一个简单的 指向固定路径的终点 动画的例子 下面举一个用变量控制水分子热运动的实例 我们知道使用变量可以对移动进行更加机动灵活的控制 既可以控制对象是否移动 又可以控制对象的移动速度 在实例中我们使用自定义变量和系统变量的方法控制水分子移动 使用变量控制水分子运动速度快慢 1 使用自定义变量控制水分子运动 2 使用系统变量控制水分子运动 表8 1常用Windows操作系统逻辑变量 图程序示意图 3 使用变量控制移动速度使用变量可以控制水分子运动速度 如图所示程序 用鼠标上下拖动 水温刻度 滑块 水分子运动速度会加快和放慢 图使用变量控制移动速度这个实例提供了一个可视化的调整手段 可以应用在很多地方 比如可用它来调节数字化电影的播放速度 调节音乐的播放速度等等 8 3 4指向固定直线上的某点动画DirecttoLine 指向固定直线上的某点 的动画设计是终点沿直线定位的动画 对象是直接移动到指定直线上的某一点上 移动对象的起始位置可以在演示窗口任意位置 移动对象在直线上的停留位置由数值 变量或表达式确定 1移动路径与移动属性设置我们用一个气垫导轨的例子来介绍创建 指向固定直线上的某点 运动效果的动画 如图所示 运行效果是 程序运行后 输入刻度值 滑块滑向该刻度 图气垫导轨与程序示意图 图设置移动方式 图 属性 移动图标 对话框选择 在终点停止 选项时 如果 目标 的值超出了 基点 或 终点 的值 如12刻度 对象会停止在位置线的起点 或终点 处 选择 循环 选项时 如果 目标 的值超出了 基点 或 终点 的值 如12刻度 对象会按给定值与设定值两者差值执行 12 10 2执行 定位在2刻度处 如果给定值为 2 按 2 10 8执行 定位在刻度8处 选择 到上一终点 选项时 如果 目标 的值超出了 基点 或 终点 的值 则Authorware会将位置线从起点处 或终点处 向外延伸 最终对象移动的终点仍会位于伸长了的终点位置线上 但已经超出了 基点 和 终点 所定义的范围 例如 将 目标 的值设为12 运行程序后滑块在终点外延伸2刻度处 8 3 5指向固定路径上的任意点动画PathtoPoint 指向固定路径上的任意点 是沿路径定位的动画 这种动画效果也是使显示对象沿预定义的路径移动 但最后可以停留在路径上的任意位置而不一定非要移动到路径的终点 停留的位置可以由数值 变量或表达式来指定 1移动路径与移动属性设置我们用一个卫星围绕地球转动的例子来介绍创建 指向固定路径上的任意点 运动效果的动画 如图所示 运行效果是 程序运行后 输入比例值 卫星停留在比例值位置 图地球卫星与程序示意图 图 属性 移动图标 对话框 2动手实践 控制卫星移动位置 在上面 卫星围绕地球转动 例子的基础上 对程序作一些修改 如图所示 图 属性 移动图标 对话框 图附属计算图标的使用 拖入一个显示图标 命名为 滑钮 右键单击显示图标 滑钮 选择 属性 弹出 属性 显示图标 对话框 如图6 32所示 位置 与 活动 选项设置均为 在某个 特定 路径上 终点 为360 3动手实践 圆形数字钟 圆形数字钟 程序运行后 屏幕显示一个圆形数字钟 有一个小红球沿圆形钟架按秒移动 每过一秒移动一位 一分钟转一圈 然后再重复转圈移动 在圆内上方有一个小动物图像 两眼中黑眼球交替变化 下方还有一个数字表 显示当前时间 该程序运行中的画面如图所示 圆形数字钟 程序设计的方法具体如下 1 在流程线上拖入一个显示图标 导入一幅图片作为背景 2 在 钟架 显示图标内画一个蓝色粗边框的圆 圆内加载一个小动物图像 小动物图像下边输入 FullTime FullTime是一个系统变量 它给出计算机系统的当前时间 格式是 小时 分钟 秒 在显示图标中 用一组大括号括起变量 则程序运行后 变量的值会显示出来 注意在图标属性的 显示 复选框中选中 更新变量显示 则时间的显示是变化的 3 眼睛 和 移动眼睛 图标是用来产生按秒来回移动的黑色眼珠 在 眼 显示图标内加载一个黑色的眼珠 将它调整到与眼睛内框的大小一样 并将它移至左边的眼眶内 4 调出移动图标的 属性 移动图标 对话框 选中眼睛作为对象 对话框的设置如图8 34所示 在 类型 列表框内选择 指向固定路径上的任意点 选项 移动路径设置好后 执行方式 列表框内选择 永久 选项 远端范围 列表框内选择 循环 选项 在 定时 列表框内选择 时间 秒 选项 其文本框内输入0 01 在 目标 文本框内输入 Sec 2 INT Sec 2 基点 文本框内输入0 终点 文本框内输入1 图移动眼睛图标的属性设置 出发点坐标值为0 结束点坐标值为1 目的是让小红球只在这两点交替移动 移动过程所用的时间定为0秒是为了不让人们看到移动过程 产生跳跃的效果 INT是系统的取整函数 当Sec值为偶数时 该表达式成立 其值为1 当Sec值为奇数时 该表达式不成立 其值为0 5 在 秒针 显示图标内加载一个红色小圆图像 并将它移至表框最上边0秒处 同时 在 秒针 图标下方拖入一个移动图标 命名为 移动秒针 将它设定为指向固定路径上的任意点移动方式 路径为与表框位置一样的一个圆 但是终点与起点控点不重合 终点控点在59秒处 打开 移动秒针 的移动图标 属性 移动图标 对话框 设置属性如图所示 红色小圆 图 属性 移动图标 对话框的设置 8 3 6指向固定区域内的某点动画DirecttoGrid 指向固定区域内的某点 是沿平面定位的动画 这种动画效果是使显示对象在一个坐标平面内移动 起点坐标和终点坐标由数值 变量或表达式来指定 1移动路径与移动属性设置图 属性 移动图标 对话框 2动手实践 自动下棋 用一个棋盘作为所要设置的平面 用一个棋子作为移动对象 使用变量和函数使棋子在棋盘上不停地 随机地走动 图自动下棋与程序示意 1 建立显示图标 棋盘 引入棋盘图像 棋盘中的矩形棋盘格将作为所要设置的平面 2 建立显示图标 棋子 引入棋子图像 将其摆放在棋盘左下角 作为棋子的起始位置 3 建立一个计算图标命名为 定义 确定变量x y的值 x为0 8之间的随机整数 y为0 4之间的随机整数 使之与棋盘布置相对应 设置如图所示 4 在流程线上拖入一个移动图标 命名为 走棋 打开动画图标属性对话框 选中棋子作为移动对象 在移动类型中选择 指向固定区域内的某点 按照提示 将棋子拖放到棋盘格右上角 作为所设平面的终止顶点 将终止顶点坐标改为X 8 Y 4 使之与棋盘格数相对应 在 目标 项的X栏和Y栏中 填入自定义变量x y 设置如图所示 图 属性 移动图标 对话框属性设置 5 在移动图标后加入一个等待图标 等待0 5秒钟 作为两步棋之间的停顿 6 为实现棋子的不停移动 在流程线最后加入一个计算图标 引入转向函数 GoTo IconID 定义 则程序执行完一次后将自动返回 开始重新一次的移动 8 运行程序 将看到预期的效果 3动手实践 小球沿正弦轨迹运动 小球沿正弦轨迹运动 程序运行后 屏幕将显示如图所示的画面 小球按正弦规律运动 小球按正弦轨迹运动 程序设计的方法如下 1 在流程线上拖入两个显示图标 分别命名为 坐标 和 小球 用绘图工具画出坐标和一个圆 圆内部填充黑色作为小球 2 拖入一个移动图标 把小球作为移动对象 移动类型为 指向固定区域内的某点 选中 基点 把小球拖曳到演示窗口左下角作为起始点 再选中 终点 把小球拖曳到演示窗口右上角作为结束点 则在开始点和结束点之间形成一个矩形区域 即小球的可移动范围 X轴起始点与终止点坐标分别设为0和10 Y轴出发点与结束点