第八章动画效果设计中国水利水电出版社多媒体技术与应用在 Authorware中,有两种基本的动画形式:路径动画和实际动画 。 路径动画可以通过 Authorware提供的 5种类型的动画实现;所谓的实际动画是指其他软件开发的动画也可以在 Authorware中播放 。 动画的实现主要通过移动图标来实现,使用移动图标创建的动画可使文本,图形,图像在一定时间内沿各种路径在演示窗口中移动 。
多媒体技术与应用多媒体技术与应用案例 14 指向固定点的移动知识点,认识动画类型,设置移动图标属性,使移动对象由当前位置按直线移动到目标位置的运动 。
多媒体技术与应用
【 例题 8.1】 升旗多媒体技术与应用
【 实训 8.1】 猫捉老鼠~指向固定点运动本实例所要实现的是一只小猫在草地上连续捉到三只老鼠并吃掉它们 。
操作要点:移动对象的设置 。
( 1) 在设置动画时,移动对象要单独放置在一个显示图标中 。
( 2) 图片设置为透明,与背景才能融合在一起 。
( 3) 程序流程如图 8-5所示 。
( 4) 运行效果如图 8-6所示 。
多媒体技术与应用多媒体技术与应用案例 15 指向固定直线上某点的移动知识点,设定一条直线,用于限定目标点的范围 。
指向固定直线上某点的运动是创建从起始点运动到固定直线上某一点的动画,使对象以直线方式移动到指定线段上的某个位置,如图 8-7所示 。 当移动图标设置为此种运动类型后,对象移动的起点是该对象在演示窗口中的初始位置,终点是指对象在给定直线上的位置 。 这种类型的运动可以利用变量或表达式设定运动对象的目标位置 。
多媒体技术与应用循环,用,目标,文本框中的变量或表达式的值求差来确定坐标值,例如,,目标,文本框内变量或表达式的值是 150,坐标终点值为 100,那么目标的坐标值应为 50。
在终点停止,无论,目标,文本框内变量或表达式的值比,终点,的坐标大多少,移动对象都会停在,终点,;无论该值比起点小多少,移动对象都会停在,起点,。
到上一终点,不论是否超出范围,移动对象都会运动到,目标,文本框变量或表达式所设定的位置上 。
多媒体技术与应用
【 例题 8.2】 打高尔夫球本例将制作一个高尔夫球随机入洞的效果 。
多媒体技术与应用多媒体技术与应用多媒体技术与应用
【 实训 8.2】 小松鼠过河~指向固定直线上某点的移动操作要点,1,目标直线的设置 。
2,使用自定义变量对移动进行控制 。
多媒体技术与应用多媒体技术与应用案例 16 指向固定区域内某点的移动知识点,使移动对象在事先设置好的矩形区域内沿直线移动到该区域的某一点 。
指向固定区域内某点的移动与指向固定直线上某点的移动类似,只是范围变成了一个区域 。 在属性对话框中用基点和终点的坐标来表式指定区域坐标范围,如图 8-23所示 。
多媒体技术与应用多媒体技术与应用多媒体技术与应用多媒体技术与应用多媒体技术与应用多媒体技术与应用
【 例题 8.4】 射箭多媒体技术与应用多媒体技术与应用多媒体技术与应用
【 实训 8.3】 指向固定区域内的某点的移动 ——跟随鼠标移动的图标操作要点:移动对象目标点的设置 。
( 1) 程序运行后,因鼠标可以在整个演示窗口中移动,所以移动类型选择,指向固定区域内的某点,的移动 。
( 2) 用系统变量 CursorX和 CursorY,分别表示鼠标当前的坐标值,单位是像素 。 在本实训中即为目标点的坐标 。
( 3) 固定区域的设置和当前演示窗口有关,系统默认分辨率是
640× 480。 可设置基点坐标为 ( 0,0),终点坐标为 ( 640,
480) 。
( 4) 定时下面的文本框中可设置为 0,表示由后面的程序推动对象,执行方式为永久,设置结果如图 8-38所示 。
多媒体技术与应用多媒体技术与应用案例 17 指向固定路径的终点的移动知识点,使移动对象沿着指定的路径移动到路径的终点,该路径可以是直线,也可以是曲线 。
前面介绍的三种移动方式都是直线运动,,指向固定路径的终点,的移动可以使物体由原位置沿直线或曲线路径移动到终点,即沿着创建的路径起点移动到固定的终点 。 当选择该种移动方式时需要设置移动路径,移动属性对话框如图 8-40所示 。
多媒体技术与应用移动当:用于设定一个条件,以决定是否执行该移动图标,在文本框中可以输入逻辑常量,变量,表达式和函数 。 当条件为真时,执行该移动图标;当条件为假时,忽略此移动图标而执行以下的流程 。 如果在该文本框中不输入任何内容,则第一次执行此移动图标时,可以使移动对象移动一次 。
,撤消,按钮:用来恢复刚刚删除的控点 。
,删除,按钮:用来删除路径上的控点。
多媒体技术与应用多媒体技术与应用
【 例题 8.5】 下雨了本例将制作一幅下雨的动画,程序流程如图 8-43所示多媒体技术与应用多媒体技术与应用多媒体技术与应用
【 实训 8.4】 指向固定路径的终点的移动 ——自由落下的小球操作要点:根据小球运动的特点建立移动路径 。
程序流程如图 8-49所示 。
多媒体技术与应用多媒体技术与应用案例 18 指向固定路径上的任意点的移动知识点:使移动对象沿着指定的路径移动并控制移动对象停留在路径上的任意位置 。
建立路径的方法和,指向固定路径的终点,建立路径的方法一样,可以参照案例 17。
多媒体技术与应用多媒体技术与应用多媒体技术与应用多媒体技术与应用多媒体技术与应用
【 实训 8.5】 冰上舞蹈~指向固定路径上的任意点的移动操作要点:根据目标点取值的不断变化,移动对象会依次不断地循环运动 。
程序运行后,可实现连续不断的运动,每次运动的初始值为上一次运动的目标值,,循环,计算图标设置如图 8-64,运动员,显示图标的模式设置为,透明,可与背景融合在一起。程序运行效果如图 8-65所示。
多媒体技术与应用多媒体技术与应用案例 19 插入 GIF动画知识点,GIF动画的插入
Authorware程序增加了一些特殊的功能,比如插入 ActiveX 控件,可以实现许多 Authorware本身无法实现的功能,例如播放 GIF,Flash动画等等 。
对于 GIF动画文件,不能在显示图标中直接导入,那样只能出现动画的一帧 。 要让它动起来,一定要用插入对象的方法 。
选 择菜 单,插入,>“媒体,>“Animated GIF”,Authorware 即 打开
Animated GIF属性对话框,如图 8-66所示,各选项含义如表 8-3所示 。
多媒体技术与应用多媒体技术与应用
【 例题 8.7】 行驶的汽车
( 1) 新建一个 Authorware应用程序,保存为,行驶的汽车,。
( 2) 添加一个计算图标,命名为,赋初值,,双击打开其窗口,输入如图 8-67所示内容 。 然后关闭该窗口,将出现确认对话框,单击,是,
按钮,将接连出现,新建变量,对话框,单击,确定,按钮 。
多媒体技术与应用多媒体技术与应用多媒体技术与应用多媒体技术与应用
【 实训 8.6】 插入 GIF动画 ——飘动的红旗操作要点:插入 GIF动画,配合移动图标,实现升旗的动画制作 。
( 1) 程序流程如图 8-73所示 。
( 2) 运行效果如图 8-74所示 。
多媒体技术与应用案例 20 插入 FLASH动画知识点,FLASH动画的插入 。
对于 FLASH动画,与 GIF动画类似,也要采用插入对象的方法 。
选择菜单,插入,>“媒体,>“Flash Movie…,,Authorware即打开 Flash属性对话框,如图 8-75所示,各选项含义如表 8-4所示 。
多媒体技术与应用多媒体技术与应用
【 例题 8.8】 广告宣传制作多媒体技术与应用多媒体技术与应用
【 实训 8.7】 插入 Flase动画 ——蜻蜓飞舞操作要点:与移动图标配合使用,能更好地实现 Flase文件的动画效果 。
与 【 实训 8.5】 程序设计类似,只要把移动对象换成 Flase动画就可以了,程序流程如图 8-80所示。
多媒体技术与应用案例 21 综合实训知识点,1、同步与异步问题:异步表示只有等到当前图标对象的运动结束后,才可以执行位于它后面的图标对象;同步表示当前图标对象的运动可以与下一个图标对象同时进行。
2,层次的概念:显示时,层次数值越大,显示越在上面 。 而对于层次数值相等的对象,后显示的对象将遮盖先显示的对象 。 其中不仅包括显示图标的层次问题,而且还包括移动图标在移动过程中的显示层次 。
多媒体技术与应用
【 综合实训 】 太阳刚刚落山,月亮慢慢升起演示效果:首先出现的是一幅包含蓝天,白云,青山,绿草的图片背景,
图片背景是由两幅图片合成的,如图 8-83和 8-84所示 。
多媒体技术与应用多媒体技术与应用
多媒体技术与应用多媒体技术与应用案例 14 指向固定点的移动知识点,认识动画类型,设置移动图标属性,使移动对象由当前位置按直线移动到目标位置的运动 。
多媒体技术与应用
【 例题 8.1】 升旗多媒体技术与应用
【 实训 8.1】 猫捉老鼠~指向固定点运动本实例所要实现的是一只小猫在草地上连续捉到三只老鼠并吃掉它们 。
操作要点:移动对象的设置 。
( 1) 在设置动画时,移动对象要单独放置在一个显示图标中 。
( 2) 图片设置为透明,与背景才能融合在一起 。
( 3) 程序流程如图 8-5所示 。
( 4) 运行效果如图 8-6所示 。
多媒体技术与应用多媒体技术与应用案例 15 指向固定直线上某点的移动知识点,设定一条直线,用于限定目标点的范围 。
指向固定直线上某点的运动是创建从起始点运动到固定直线上某一点的动画,使对象以直线方式移动到指定线段上的某个位置,如图 8-7所示 。 当移动图标设置为此种运动类型后,对象移动的起点是该对象在演示窗口中的初始位置,终点是指对象在给定直线上的位置 。 这种类型的运动可以利用变量或表达式设定运动对象的目标位置 。
多媒体技术与应用循环,用,目标,文本框中的变量或表达式的值求差来确定坐标值,例如,,目标,文本框内变量或表达式的值是 150,坐标终点值为 100,那么目标的坐标值应为 50。
在终点停止,无论,目标,文本框内变量或表达式的值比,终点,的坐标大多少,移动对象都会停在,终点,;无论该值比起点小多少,移动对象都会停在,起点,。
到上一终点,不论是否超出范围,移动对象都会运动到,目标,文本框变量或表达式所设定的位置上 。
多媒体技术与应用
【 例题 8.2】 打高尔夫球本例将制作一个高尔夫球随机入洞的效果 。
多媒体技术与应用多媒体技术与应用多媒体技术与应用
【 实训 8.2】 小松鼠过河~指向固定直线上某点的移动操作要点,1,目标直线的设置 。
2,使用自定义变量对移动进行控制 。
多媒体技术与应用多媒体技术与应用案例 16 指向固定区域内某点的移动知识点,使移动对象在事先设置好的矩形区域内沿直线移动到该区域的某一点 。
指向固定区域内某点的移动与指向固定直线上某点的移动类似,只是范围变成了一个区域 。 在属性对话框中用基点和终点的坐标来表式指定区域坐标范围,如图 8-23所示 。
多媒体技术与应用多媒体技术与应用多媒体技术与应用多媒体技术与应用多媒体技术与应用多媒体技术与应用
【 例题 8.4】 射箭多媒体技术与应用多媒体技术与应用多媒体技术与应用
【 实训 8.3】 指向固定区域内的某点的移动 ——跟随鼠标移动的图标操作要点:移动对象目标点的设置 。
( 1) 程序运行后,因鼠标可以在整个演示窗口中移动,所以移动类型选择,指向固定区域内的某点,的移动 。
( 2) 用系统变量 CursorX和 CursorY,分别表示鼠标当前的坐标值,单位是像素 。 在本实训中即为目标点的坐标 。
( 3) 固定区域的设置和当前演示窗口有关,系统默认分辨率是
640× 480。 可设置基点坐标为 ( 0,0),终点坐标为 ( 640,
480) 。
( 4) 定时下面的文本框中可设置为 0,表示由后面的程序推动对象,执行方式为永久,设置结果如图 8-38所示 。
多媒体技术与应用多媒体技术与应用案例 17 指向固定路径的终点的移动知识点,使移动对象沿着指定的路径移动到路径的终点,该路径可以是直线,也可以是曲线 。
前面介绍的三种移动方式都是直线运动,,指向固定路径的终点,的移动可以使物体由原位置沿直线或曲线路径移动到终点,即沿着创建的路径起点移动到固定的终点 。 当选择该种移动方式时需要设置移动路径,移动属性对话框如图 8-40所示 。
多媒体技术与应用移动当:用于设定一个条件,以决定是否执行该移动图标,在文本框中可以输入逻辑常量,变量,表达式和函数 。 当条件为真时,执行该移动图标;当条件为假时,忽略此移动图标而执行以下的流程 。 如果在该文本框中不输入任何内容,则第一次执行此移动图标时,可以使移动对象移动一次 。
,撤消,按钮:用来恢复刚刚删除的控点 。
,删除,按钮:用来删除路径上的控点。
多媒体技术与应用多媒体技术与应用
【 例题 8.5】 下雨了本例将制作一幅下雨的动画,程序流程如图 8-43所示多媒体技术与应用多媒体技术与应用多媒体技术与应用
【 实训 8.4】 指向固定路径的终点的移动 ——自由落下的小球操作要点:根据小球运动的特点建立移动路径 。
程序流程如图 8-49所示 。
多媒体技术与应用多媒体技术与应用案例 18 指向固定路径上的任意点的移动知识点:使移动对象沿着指定的路径移动并控制移动对象停留在路径上的任意位置 。
建立路径的方法和,指向固定路径的终点,建立路径的方法一样,可以参照案例 17。
多媒体技术与应用多媒体技术与应用多媒体技术与应用多媒体技术与应用多媒体技术与应用
【 实训 8.5】 冰上舞蹈~指向固定路径上的任意点的移动操作要点:根据目标点取值的不断变化,移动对象会依次不断地循环运动 。
程序运行后,可实现连续不断的运动,每次运动的初始值为上一次运动的目标值,,循环,计算图标设置如图 8-64,运动员,显示图标的模式设置为,透明,可与背景融合在一起。程序运行效果如图 8-65所示。
多媒体技术与应用多媒体技术与应用案例 19 插入 GIF动画知识点,GIF动画的插入
Authorware程序增加了一些特殊的功能,比如插入 ActiveX 控件,可以实现许多 Authorware本身无法实现的功能,例如播放 GIF,Flash动画等等 。
对于 GIF动画文件,不能在显示图标中直接导入,那样只能出现动画的一帧 。 要让它动起来,一定要用插入对象的方法 。
选 择菜 单,插入,>“媒体,>“Animated GIF”,Authorware 即 打开
Animated GIF属性对话框,如图 8-66所示,各选项含义如表 8-3所示 。
多媒体技术与应用多媒体技术与应用
【 例题 8.7】 行驶的汽车
( 1) 新建一个 Authorware应用程序,保存为,行驶的汽车,。
( 2) 添加一个计算图标,命名为,赋初值,,双击打开其窗口,输入如图 8-67所示内容 。 然后关闭该窗口,将出现确认对话框,单击,是,
按钮,将接连出现,新建变量,对话框,单击,确定,按钮 。
多媒体技术与应用多媒体技术与应用多媒体技术与应用多媒体技术与应用
【 实训 8.6】 插入 GIF动画 ——飘动的红旗操作要点:插入 GIF动画,配合移动图标,实现升旗的动画制作 。
( 1) 程序流程如图 8-73所示 。
( 2) 运行效果如图 8-74所示 。
多媒体技术与应用案例 20 插入 FLASH动画知识点,FLASH动画的插入 。
对于 FLASH动画,与 GIF动画类似,也要采用插入对象的方法 。
选择菜单,插入,>“媒体,>“Flash Movie…,,Authorware即打开 Flash属性对话框,如图 8-75所示,各选项含义如表 8-4所示 。
多媒体技术与应用多媒体技术与应用
【 例题 8.8】 广告宣传制作多媒体技术与应用多媒体技术与应用
【 实训 8.7】 插入 Flase动画 ——蜻蜓飞舞操作要点:与移动图标配合使用,能更好地实现 Flase文件的动画效果 。
与 【 实训 8.5】 程序设计类似,只要把移动对象换成 Flase动画就可以了,程序流程如图 8-80所示。
多媒体技术与应用案例 21 综合实训知识点,1、同步与异步问题:异步表示只有等到当前图标对象的运动结束后,才可以执行位于它后面的图标对象;同步表示当前图标对象的运动可以与下一个图标对象同时进行。
2,层次的概念:显示时,层次数值越大,显示越在上面 。 而对于层次数值相等的对象,后显示的对象将遮盖先显示的对象 。 其中不仅包括显示图标的层次问题,而且还包括移动图标在移动过程中的显示层次 。
多媒体技术与应用
【 综合实训 】 太阳刚刚落山,月亮慢慢升起演示效果:首先出现的是一幅包含蓝天,白云,青山,绿草的图片背景,
图片背景是由两幅图片合成的,如图 8-83和 8-84所示 。
多媒体技术与应用多媒体技术与应用