《Authorware多媒体课件制作技术》-第3章.ppt

1、第3章 移动图标,内容概述 多媒体作品很大的一个特点就是在程序设计中加入了动画效果。在Authorware中使用移动图标可以创建动画效果。移动图标能够驱动其他设计图标中的显示对象，但移动图标本身并不会动，也不含有要移动的对象。移动图标只能对一个显示图标或交互图标中的的所有显示对象同时进行驱动。,Authorware为用户提供了多种移动的类型。移动类型决定了所指定运动对象以何种方式运动及最终停留在何处。在实际应用中，不同的移动类型会有不同的应用场合与实际特点。例如，指向固定点的移动类型，适用于制作定点直线运动；指向固定直线上的某点的移动类型，适宜制作不确定终点的直线运动；指向固定区域内的某点的移

2、动类型，这类运动的特点是被指定的图文从初始位置匀速移动到指定区域内的某点，从运动的效果看与前面二种运动类型相似，均为直线运动；等等。,本章主要讲述了以下几点内容： 移动图标的属性设置 点到点移动移动方式 点到线移动移动方式 点到面移动移动方式 沿自定义路径到终点移动移动方式 沿自定义路径到路径任意点移动方式 实例制作,教学目标 1、学会设置移动图标的属性。 2、掌握点到点移动移动方式。 3、掌握显示图标的过渡特效设置。 4、掌握点到面移动移动方式。 5、掌握沿自定义路径到终点移动移动方式。 6、掌握沿自定义路径到路径任意点移动方式。 7、能够使用移动图标与现有的Authorware知识制作出自

3、己理想的作品。,多媒体作品很大的一个特点就是在程序设计中加入了动画效果。在Authorware中使用移动图标可以创建动画效果。移动图标能够驱动其他设计图标中的显示对象，但移动图标本身并不会动，也不含有要移动的对象。移动图标只能对一个显示图标或交互图标中的的所有显示对象同时进行驱动。 3.1 移动图标的属性设置 3.1.1移动图标介绍,移动图标的作用是将显示对象从一个位置移动到另一个位置，这里的显示对象可以来自于显示图标、交互图标。一旦对某对象设置了移动方式，则该移动方式将应用于此对象所在的显示图标中的所有对象。如果需要移动单个对象，必须保证此对象所在的图标中没有其他对象。移动对象之间是独立的：

4、移动可以发生在不同时刻，并且移动的类型也能够不相同。Authorware提供了五种类型的移动方式： 点到点移动 点到线移动 点到面移动 沿自定义路径到终点移动,1、二维空间的平面移动 在AuthorWare中运用移动图标可以在二维空间中实现对象的移动，使被指定的对象在平面内产生移动，包括沿直线移动和沿曲线移动等。正因为如此，称此图标为“移动图标”要比“运动图标”更适合一些。若想使用其它三维的动画效果，可通过插入数字电影、GIF动画或Flash动画等来完成。 2、不改变移动对象的自身形状 使用移动图标产生的另一个特点是无论对象如何运动，都不改变这一对象的形状和显示角度。如果在课件中一定要模拟物体

5、变粗变细等现象，可通过一些其他的思路。如，可以在两个显示图标中分别放置一个细长的图形，并在演示窗口让两对象并排显示，然后让一对象固定不动，另一对象移向前一个对象至重叠，达到由粗变细的目的。,3、匀速运动 在移动图标的属性中，可以设置移动的固定速率或固定时间。因此，物体的运动虽然可以是直线运动，也可以是曲线运动，但这种运动都是匀速运动。所以，在制作过程中应尽量减少模拟“物体自由落体运动”等具有加速度的运动现象，以免产生科学性错误。 3.1.1 移动图标属性设置 拖一个移动图标到流程线上，默认情况下将打开其属性面板。如图3-1所示。,图3-1 移动图标的属性面板,下面介绍一下移动图标属性面板一些选

6、项的含义。 1、移动对象标识预览框：预览移动对象的内容。若没有确定移动对象，则预览框中显示的是移动方式的示意图。,2、“层”选项：移动显示层次与显示图标层次基本一致：层次越高，其越显示在上；若此项为空，层次设为默认值0；显示相同层次时，先出现的显示在下面。若显示图标设置为“直接写屏”，则其产生的移动会显示在所有显示对象的上面。移动图标中的层次只在移动显示过程中有效，移动结束，则该显示对象的层次重新变为它所在显示图标的层次。 3、定时下拉列表框：该框中包含“时间”和“速率”两个选项。若选中“时间”选项，则在下方的文本框中输入的数值、变量或表达式表示完成整个移动过程所需要的时间，单位为秒；若选中“

7、速率”选项，则其下方的文本框中的数值、变量或表达式表示移动对象的移动速度，单位为秒/英寸。,4、执行方式下拉列表框：该框中包含“等待直到完成”和“同时”两个选项。若选中“等待直到完成”选项，则程序等待本移动图标的移动过程完成后，才继续流程线上下一个图标的执行。若选中“同时”选项，则程序将本移动图标的移动过程与下一个图标的运行同时进行。 5、类型下拉列表框：该框中包含“指向固定点”“指向固定直线上的某点”“指向固定区域内的某点”“指向固定路径上的终点”和“指向固定路径上的任意点”5种移动类型。如图3-2所示。 （1）指向固定点：若选中该类型，将使移动对象从演示窗口中的当前位置直接移到用户的设定位

8、置。,（2）指向固定直线上的某点：若选中该类型，将使移动对象从当前位置移动到一条直线上的某一个位置，对象的最终位置由数值、变量或表达式的值确定。 （3）指向固定区域内的某点：若选中该类型，将使移动对象在一个坐标平面内移动。其起点坐标和终点坐标由数值、变量或表达式的值确定。,图3-2移动图标的5种移动类型,（4）指向固定路径上的终点：若选中该类型，将使移动对象沿设计的路径从该路径的起点移动到该路径的终点。其路径可以是直线，也可以是曲线。 （5）指向固定路径上的任意点：若选中该类型，将使移动对象沿设计好的路径移动，但最后可以停留在该路径的任意位置。其停留位置由数值、变量或表达式的值确定。 在Aut

9、horware移动图标属性面板中选择不同的移动类型，将出现不同的选项。 6、基点文本框：用于设置移动对象在演示窗口的起点坐标。,7、目标文本框：用于设置移动对象目标位置坐标。 8、终点文本框：用于设置移动对象的终点坐标。,3.2 移动方式,移动的类型决定了所指定运动的对象以何种方式运动及最终停留在何处。在实际应用中，不同的移动类型会有不同的应用场合与实际特点。例如，指向固定点的移动类型，适用于制作定点直线运动；指向固定直线上的某点的移动类型，适宜制作不确定终点的直线运动；指向固定区域内的某点的移动类型，这类运动的特点是被指定的图文从初始位置匀速移动到指定区域内的某点，从运动的效果看与前面二种运

10、动类型相似，均为直线运动；等等。,3.2.1 点到点移动 这种移动方式主要使用的是“指向固定点”的移动类型。其具体使用过程与方法，通过以下实例予以说明。 这个实例的名称是“太阳升起”，我们要实现的功能是，当一开始运行程序，就会有一轮红日从地平线上冉冉升起，使艾弗尔铁塔与红日交相辉应。具体制作步骤如下： 1、太阳升起的制作主流程如图3-3所示；,图3-3 “太阳升起”流程图 图3-4 相对位置调整,2、双击“铁塔”显示图标，在其中导入一张艾弗尔铁塔的图片； 3、双击“太阳”显示图标，在其中制作一个红太阳；,4、按住Shift键，同时打开“铁塔”“太阳”这两个显示图标，调整它们的相对位置如图3-4

11、所示； 5、双击“升起”移动图标，打开属性对话框； 6、在类型中选择“指向固定点”； 7、拖动演示窗口中的红太阳到合适位置；或者在属性对话框中“目标”的X与Y中分别输入目标点的坐标，以确定目标点； 8、在计时中选择时间（秒），并在下面文本框中输入5，使动画移动5秒；属性设置如图3-5所示。,图3-5 移动属性对话框设置,9、单击预览按钮，可预览移动效果。完毕。 3.3.2 点到线移动 这种移动方式主要使用的是“指向固定直线上的某点”的移动类型。其具体使用过程与方法，通过以下实例予以说明。,这个实例的名称是“足球练习”，我们要实现的功能是，演示窗口上方有一个足球，而足球前方有六个目标，那么足球能

12、被踢到哪个目标中呢？每一次运行，足球所被踢进的目标是不相同的，是随机的。具体制作步骤如下： 1、“足球练习”主流程如图3-6所示。,图3-6 “足球练习”流程图 图3-7 相对位置,2、制作足球 （1）双击“足球”显示图标，打开演示窗口，在其中画入一个圆； （2）选中圆，将足球的填充颜色设为黑色，并设置其填充模式为“足球格”。,3、制作六目标 （1）双击“目标”显示图标，打开演示窗口； （2）制作一个正方形，并用红色填充； （3）复制刚作的正方形，并单击五次“粘贴”按钮，演示窗口中共出现六个红色正方形； （4）将它们水平放好，全选后使用“修改排列”命令中的水平对齐，使之放在一条水平线上；再使用

13、水平等间距，使它们的水平间距相等； （5）用“修改群组”命令使六个正方形成为一体，以保证它们的相对位置保持不变； （6）将其属性对话框中的层改为2。,6、移动设置 （1）按住Shift键，同时打开两个显示图标； （2）双击移动图标，打开移动图标属性对话框； （3）将“类型”设置为“指向固定直线上的某点”； （4）设置层为1，时间为5秒； （5）单击“出发点”选项，然后将足球拖放到最左端正方形中，用以确定直线的起点； （6）单击“结束点”选项，然后将小球拖放到最右端正方形中，用以确定直线的终点； （7）单击“目的地”选项，将输入框内容改为Position；属性设置如图3-8所示。,图3-8 移动

14、属性对话框设置,7、单击预览按钮，可预览移动效果。完毕。,3.3.3 点到面移动 这种移动方式主要使用的是“指向固定区域内的某点”的移动类型。其具体使用过程与方法，通过以下实例予以说明。,这个实例的名称是“足球练习2”，是在“足球练习”的基础上进行修改的。我们要实现的功能是，演示窗口上方有一个足球，而足球前方有两排共12个目标，每排6个，那么足球能被踢到哪个目标中呢？每一次运行，足球所被踢进的目标是不相同的，是随机的。具体制作步骤如下： 1、制作两行目标 （1）打开“足球练习.a7p”文件，在其基础上修改； （2）选中这六个正方形，单击工具栏的“复制”按钮，再单击工具栏的“粘贴”按钮，则又出现

15、六个正方形； （3）将12个正方形排为两行，并选中它们；,（4）单击“修改排列”，弹出对齐方式对话框，单击左对齐； （5）用“修改群组”命令使两行正方形成为一体，以保证它们的相对位置保持不变； 2、设置随机数 （1）双击“随机数”计算图标，弹出计算图标编辑窗口； （2）将原内容修为 XPosition:=Random(0,100,20) YPosition:=Random(0,100,100),因移动目标已为区域，区域中的每个点都有X和Y两个坐标（X，Y）。X可取六个值：0，20，40，60，80，100；Y可取两个值：0，100。故Y的步长设为100。 12个黑盒的坐标为： (100,0)

16、(100,20) (100,40) (100,60) (100,80) (100,100) (0,0) (0,20) (0,40) (0,60) (0,80) (0,100) （3）关闭编辑对话框，弹出确认对话框 （4）单击“是”按钮，弹出“新变量”对话框，初始值一栏输入0； （5）单击确定，又弹出一“新变量”对话框，初始值一栏再输入0；,3、修改“移动”图标 （1）按住Shift键，同时打开两个显示图标； （2）双击“移动”图标，打开属性对话框，将“类型”设为“指向固定区域内的某点”； （3）单击出发点选项，拖动小球到左下角黑盒； （4）单击结束点选项，拖动小球到右上角黑盒； （5）单击目的

17、地选项：X中输入XPosition；Y中输入Yposition；其属性对话框设置如图3-9所示。,图3-9 移动属性对话框设置,4、单击预览按钮，可预览移动效果。完毕。,3.3.4 沿自定义路径到终点移动 这种移动方式主要使用的是“指向固定路径上的终点”的移动类型。其具体使用过程与方法，通过以下实例予以说明。,这个实例的名称是“日出日落图”，我们要实现的功能是，一旦运行，马上就会在演示窗口中出现一轮红日，并沿着山坡缓慢上爬，钻入云霄。最后再缓慢下山，渐渐落下，进入山脚。具体制作步骤如下： 1、“日出日落图”的主流程如图3-10所示。,图3-10 “日出日落图”流程图,2、制作青山翠谷 （1）双

18、击“群山”图标，打开演示窗口； （2）单击绘图工具箱的多边形工具，在演示窗口下半部绘出群山轮廓。在确定多边形最后一点时，将鼠标移到多边形起点，双击鼠标，形成闭合图形。将颜色设为翠绿色； （3）调整群山到适当位置，关闭演示窗口； （4）打开显示图标属性对话框，将层设为2。 3、制作白云 （1）双击打开“白云”显示图标，用与“群山”类似的方法制作两朵白云，颜色高为灰色； （2）将白云放在群山的正上方；,（3）打开显示图标属性对话框，将层设为2。 4、制作太阳 （1）双击打开“太阳”显示图标，在其中绘制一轮红日； （2）将太阳移到演示窗口左下角适当位置。 5、设置动画 （1）按住Shift键，同时打

19、开三个显示图标； （2）双击“日出日落”移动图标，打开属性对话框； （3）将“类型”设置为“指向固定路径的终点”； （4）在演示窗口中单击太阳，将其指定为移动对象。拖动太阳，形成移动路径。如图3-11所示。,（5）将层设置为1，将时间设置为5；其中属性设置如图3-12所示；,3-11 移动路径设置,图3-12 移动属性对话框设置,移动过程中，在转折点有几种不同的标志方式，其含义如下： ：该结点两侧是用直线连接的 ：该结点两侧是用弧线连接的 ：该结点两侧是用直线连接的但该结点是当前结点 ：该结点两侧是用弧线连接的，但该结点是当前结点,另外，还有两个命令按钮，它们的作用是： 撤消：撤消上一次关于结

20、点的修改 删除：删除当前结点 4、单击预览按钮，可预览移动效果。完毕。 3.3.5 沿自定义路径到路径任意点移动 这种移动方式主要使用的是“指向固定路径上的任意点”的移动类型。其具体使用过程与方法，通过以下实例予以说明。,这个实例的名称是“日出日落图2”，是在“日出日落图”的基础上修改的。我们要实现的功能是，一旦运行，马上就会在演示窗口中出现一轮红日，并沿着山坡缓慢上爬。与“日出日落图”不同的是，红日会停在原设路线的任何地方。即，会在上山坡时停止；会钻入云霄后停止；会在下坡时停止；会缓慢下山，渐渐落下，进入山脚；亦会红日根本就不动；等等。具体制作步骤如下： 1、日出日落图2的主流程如图3-13

21、所示。 2、打开“日出日落图.a7p”，在其基础上修改；,图3-13 “日出日落图2”流程图,3、双击“时间”计算图标，打开计算编辑窗口； 4、在其中输入 Positiontime:=Random(0,12,1) 路径全程为为12段（太阳从升到落的12小时），由随机函数决定将12段中的某个值赋给Positiontime。,5、将计算编辑窗口关闭，弹出“新变量”对话框，将其初始化为0，确定； 6、双击移动图标，打开属性对话框，属性设置如图3-14所示。,图3-13 移动属性对话框设置,（1）将“类型”设为“指向固定路径上的任意点”； （2）将“基点”设为0；,（3）将“目标”设为Position

22、time； （4）将“终点”设为12。 7、单击预览按钮，可预览移动效果。完毕。,3.4 实例制作,这个例子的名称是“升旗日出”。我们要实现的功能是，在一座漂亮的山村小学，清晨正在举行升旗仪式：在太阳缓缓升起的同时，队旗也在冉冉升起。 这个实例只用到了显示图标，与移动图标。通过这个实例的制作可以使读者练习以下Authorware功能： 练习使用绘图工具箱中的透明模式。 练习使用群组命令Ctrl+G。 练习使用不同的移动类型。 练习使用不同对象的同时运行。,具体制作步聚如下： 1、“升旗日出”其主流程如图3-13所示。,图3-13 “升旗日出”流程图 图3-14 相对位置,2、制作“教室”,（1

23、）寻找一幅小房子图片，用Photoshop从图中将小房子选取出，复制； （2）打开主流程的“教室”显示图标，单击“粘贴”按钮，将在演示窗口中出现一个小房子。但该小房子的四周有白边； （3）单击绘图工具箱的模式按钮，弹出模式窗口，选择“透明”； （4）复制该小房子，按四次“粘贴”按钮，将会出现五个小房子，排列它们； （5）为使前面的小房子能够遮盖住后面的，使用“修改/置于上层”或“修改/置于下层”命令，亦可使用组合键Ctrl+Shift+UpArrow或Ctrl+Shift+DnArrow，调整它们的上下关系；,（6）调整好后，全部选定这些小房子，按Ctrl+G将它们组合。 3、制作“行队礼”

24、寻找一幅有少先队员行队礼的图片，按照上面的方法将制作出行队礼的队列。 4、制作“太阳” 双击“红日”显示图标，打开其演示窗口，在其中画一圆，并填充入红色。 5、制作“队旗” 双击“队旗”显示图标，打开其演示窗口，在其中画一矩形，并填充入红色。,6、制作“旗杆” 双击“旗杆”显示图标，打开其演示窗口，在其中画一细长矩形，并填充入灰色。再画一小圆，也填充入灰色，放于细长矩形的顶部。 7、按住Shift键，同时打开四个显示图标，调整各图片的相对位置如图3-14所示。 8、日出移动设置 （1）按住Shift键，同时打开四个显示图标； （2）双击“日出”移动图标，打开其属性对话框； （3）将“类型”设为

25、“指向固定路径的终点”；,（4）单击太阳，将其设为移动对象，并拖动太阳，形成其移动路径； （5）设置层为1，计时为5；执行方式为“同时”。属性设置如图3-15所示。,图3-15 移动属性对话框设置,8、单击预览按钮，可预览移动效果。 9、升旗移动设置,（1）双击“升旗”移动图标，打开其属性对话框； （2）将“类型”设置为“指向固定点”； （3）单击队旗使其成为移动对象，并拖动队旗沿旗杆移动到杆顶，形成队旗的移动路径； （4）设置层为3，计时为5。属性设置如图3-16所示。,图3-16 移动属性对话框设置,10、单击预览按钮，可预览移动效果。完毕。,本章小结,在多媒体作品中，对象的运动是其它媒体

26、方式所不能替代的。利用Authorware本身提供的移动图标就可以让课件动起来，而且利用Authorware提供的五种运动类型可以满足大多数用户对多媒体作品的运动要求。 （1）指向固定点：若选中该类型，将使移动对象从演示窗口中的当前位置直接移到用户的设定位置。 （2）指向固定直线上的某点：若选中该类型，将使移动对象从当前位置移动到一条直线上的某一个位置，对象的最终位置由数值、变量或表达式的值确定。,（3）指向固定区域内的某点：若选中该类型，将使移动对象在一个坐标平面内移动。其起点坐标和终点坐标由数值、变量或表达式的值确定。 （4）指向固定路径上的终点：若选中该类型，将使移动对象沿设计的路径从该路径的起点移动到该路径的终点。其路径可以是直线，也可以是曲线。 （5）指向固定路径上的任意点：若选中该类型，将使移动对象沿设计好的路径移动，但最后可以停留在该路径的任意位置。其停留位置由数值、变量或表达式的值确定。 Authorware中的移动图标让对象产生的运动具有以下特点：,（1）二维空间的平面移