Authorware多媒体课件制作实用教程：第7章 运动效果设计

第7章运动效果设计●7.1移动对象概述

●7.1.1

移动图标的功能●7.1.2了解移动路径的类型●7.1.3设定移动路径●7.1.4移动图标设置的一般方法●7.2运动效果●7.2.1指向固定点移动对象

●7.2.2指向固定直线上的某点移动对象

●7.2.3指向固定区域内的某点移动对象

●7.2.4指向固定路径的终点移动对象●7.2.5指向固定路径上的任意点移动对象

●7.2.6循环运动●7.3设计分支结构●7.3.1创建顺序分支结构

●7.3.2创建随机分支结构●7.3.3创建在未执行的分支中随机选择分支结构

●7.3.4创建计算分支结构●7.3.5实例：制作“石头、剪刀、布”多媒体作品●7.1移动对象概述

在多媒体作品中，动画是非常吸引人的内容。用户可以使用“移动”图标在Authorware中制作一些简单动画。●

7.1.1移动图标的功能“移动”图标的作用是移动某个物体对象，使该物体对象产生各种位移运动效果。“移动”图标所移动的对象可以是显示图标中静止的文字、图像，也可以是数字电影图标中变幻的动画或影片。例如，可以是显示图标中的文字飞人屏幕画面，可以使显示图标中的小球做直线或曲线运动，还可以使影像图标播放的动画中在原地空转的汽车按照一条给定的路线在屏幕画面上开过；此外，还可以模拟许多更复杂、更精确的位移动作。“移动”图标是以屏幕上的某一物体作为移动对象的，因此需要先将要移动的物体放在一个设计图标中，然后在为该设计图标创建一个移动设计图标。物体对象的各种不同的运动，是由在移动图标中选择的不同移动类型决定的。通过在移动图标中设置各种选项和参数，可以灵活地设计物体对象运动的细节，在屏幕上产生丰富的视觉变化效果。然后各种移动方式都只能提供对象的平行运动（位移），而不能旋转对象。●

7.1.1了解移动路径的类型在移动图标的属性面板中单击“类型”文本框右侧的下拉按钮，在弹出的列表中选择对象移动路径，这里可以设置5种动画效果，如图7.1所示。1．指向固定点该移动类型可以使对象以直线方式移动到指定的位置，这种移动路径的参数设置如图7.2所示。将一个移动图标的类型设定为“指向固定点”，可以使物体从屏幕上当前所在位置直接移动到预先设定的终点位置。物体移动的路径自动设定为由起点至终点的直线，而无须用户另行设定，但可以灵活设定物体的移动速度。这种移动类型适用于制作文字标题的飞字效果，或是用于其他不需要设定复杂运动轨迹的场合。2．指向固定直线上的某点该移动类型可以使对象以直线方式移动到一条直线上的指定位置，这种移动路径的参数设置如图7.3所示。图7.1选择移动路径类型图7.2设置“指向固定点”移动路径参数图7.3设置“指向固定直线上的某点”移动路径参数将一个移动图标的类型设定为“指向固定直线上的某点”，可以将物体的终点设置在一条预先指定的直线上的指定位置处。移动物体可以从屏幕上的任意起始位置直线移动到直线上的指定位置，并且可以灵活设定物体的移动速度。这种移动类型适用于以变量或表达式控制仪表的线性刻度盘上指针的移动效果，或是用于将物体移动的终点控制在一条直线上指定位置的场合。3．指向固定区域内的某点该移动类型可以使对象以直线类型移动到指定区域中的指定位置，这种移动路径的参数设置如图7.4所示。图7.4设置“指向固定区域内的某点”移动路径参数将一个移动图标的类型设定为“指向固定区域内的某点”，可以使物体从屏幕上的任意起始位置，以直线方式移动到指定区域中的指定位置，该位置的横、纵坐标是根据给定的变量或表达式的值确定的。这种移动类型的移动路径是由原起始位置到终点位置的直线，因此也可以灵活设定物体的移动速度。这种移动类型适用于不需要考虑移动路径，而只需要将物体移动的终点精确地控制在某个坐标系（矩形区域）中的场合。4．指向固定路径的终点该移动类型可以使对象沿着一条路径从起点移动到终点，这种移动路径的参数设置如图7.5所示。图7.5设置“指向固定路径的终点”移动路径参数将一个移动图标的类型设定为“指向固定路径的终点”，可以使物体从起点沿着一条任意给定的直线或曲线移动到终点。若物体在开始移动前不在路径的起点上，则会先跳到起点再沿路径移动。物体移动的路径由用户设计。这种移动类型也可以灵活设定物体的移动速度。“指向固定路径的终点”移动类型允许用户采用设置关键点的方法自行指定任意的曲线作为移动路径。这种移动类型适用于使物体沿一条固定的复杂路径移动到终点的场合，如小球落地弹跳运动。5．指向固定路径上的任意点该移动类型可以使对象沿着路径移动到指定位置，这种移动路径的参数设置如图7.6所示。图7.6设置“指向固定路径上的任意点”移动路径参数将一个移动图标的类型设定为“指向固定路径上的任意点”，可以使物体沿着路径移动到移动路径上的目标位置。物体移动的路径通过任意设置多个点加以确定，且需要预先为移动路径设定起点和终点的值。物体移动时根据用户设定的变量或表达式的值确定路径上对应的一点，作为对象移动的目标点位置。这种移动类型也可以灵活设定物体的移动速度。“指向固定路径上的任意点”移动类型不仅可以指定任意曲线作为移动的路径，而且还可以灵活控制移动的终点位置。这种移动类型适用于物体在复杂路径上移动并停在路径上某一位置的场合，如模拟圆形仪表盘上的指针运动。●

7.1.3设定移动路径设定移动路径就是要确定物体的移动轨迹。物体的移动轨迹仅在设计过程中出现，在程序运行中对象按预先设计的路径进行平滑移动。在上节介绍的5种移动类型中，前3种

移动类型（即指向固定点、指向固定直线上的某点、指向固定区域内的某点）采用直线运动方式，故而无需设定移动路径。而指向固定路径的终点和指向固定路径上的任意点这2种移动类型则需要用户自行设定移动路径，可以将其设定为直线，也可以设定为曲线。下面以“指向固定路径的终点”移动路径为例，介绍如何设定物体的移动路径，具体操作步骤如下。步骤1新建一个多媒体文件，然后在流程线上添加一个显示图标，并将其命名为“小球；接着双击“小球”显示图标，在打开的演示窗口中使用椭圆工具绘制一个绿色的圆，如图7.7所示。步骤2在“小球”图标下方添加一个移动图标，并将其命名为“指向固定路径的终点”，然后双击该图标，打开图标的属性面板，并进入演示窗口。单击窗口中的小球图标，可以发现在物体中心位置出现一个黑色三角形，标志当前点为移动路径的起始点，接着在属性面板中设置小球的移动类型为“指向固定路径的终点”，如图7.8所示。图7.7绘制圆图7.8设置小球移动类型步骤3在演示窗口中单击并拖动小球到设想的路径上的一点，然后释放鼠标，这时会出现一条连接上一点和当前点的直线。继续拖动小球设置路径上的各点，最后形成一条路径，如图7.9所示。

图7.9拖动物体到指定指定关键点创建路径步骤4在移动路径上单击三角形标志并拖动，可以调整路径上各点的位置，如图7.10所示为拖动三角形标志及调整位置后的路径图形。步骤5若需要在路径上增加关键点，可以用鼠标在路径上单击，一个新的标记就会出现在单击位置，如图7.11所示为新添加两个关键点后的移动路径。步骤6如果要删除路径上的某个关键点，可以先用鼠标选中此点，然后在属性面板中单击“删除”按钮即可，如图7.12所示。步骤7用上述方法创建的移动路径是用直线连接各关键点的，形成的是折线路径。若想改成曲线路径，可以双击关键点的三角形标志，使其变为圆形标志，邻接线段就会变成弧线了，如图7.13所示。再次双击点的圆形标志，该关键点的标志又会变成三角形，邻接线段重新变为直线。

图7.10调整路径上各点的位置步骤8在路径的设置过程中可以随时单击属性面板中的“撤消”按钮来撤消上一次设置的结果，如图7.14所示。重复单击“撤消”按钮可以比较原路径与新路径的差异，以决定取舍。图7.11添加两个关键点后的移动路径图7.12删除路径上的某个关键点图7.13将关键点之间的直线变成弧线

●

7.1.4移动图标设置的一般方法下面总结一下设置移动图标的一般方法，具体操作步骤如下。步骤1在流程线上放置一个图标（显示图标或数字电影图标），然后将要移动的物体添加到该图标中，并修改图标名称。步骤2在流程线上欲移动物体所在图标下方放置一个移动图标，并修改其名称。步骤3单击移动图标，然后在菜单栏中选择“窗口”|“面板”|“属性”命令，打开该图标的属性面板，在其中设置物体的移动类型。步骤4双击移动图标，然后在打开的演示窗口中单击物体对象，将其定为移动对象，移动该物体以指定定位点、定位直线、定位平面或创建移动路径。步骤5在移动图标的属性面板中设置移动运动的相关参数。步骤6参数设置完成后，在属性面板中单击“预览”按钮，观察移动效果，并可以反复修改移动路径和定位点等相关参数，直到满意为止。图7.14撤消上一次路径设置结果●7.2运动效果

下面通过多个实例分别介绍各种移动类型的参数设置及实现的运动效果。●

7.2.1指向固定点移动对象指向固定点移动方式是默认方式，只需要用户指定运动对象和终点，系统将自动给出物体的移动轨迹，即从起点到终点的直线。步骤1新建一个多媒体文件，然后在菜单栏中选择“文件”|“导入和导出”|“导入媒体”命令，如图7.15所示。步骤2弹出“导入哪个文件”对话框，选择要导入的文件，再单击“导入”按钮，如图7.16所示。图7.15选择“导入媒体”命令图7.16单击“导入”按钮

步骤3成功导入图片后，在流程线上将出现一个以图片名称命名的显示图标，如图7.17所示，然后双击该图标，打开演示窗口。步骤4在演示窗口中单击要移动的对象，然后将鼠标光标移动到图片上的控制点上，接着按下鼠标左键拖动，调整图片大小，如图7.18所示。图7.17查看导入的图片对象步骤5弹出如图7.19所示的提示对话框，提示用户是否要改变图片成为一个比例缩放对象，单击“确定”按钮。步骤6将图片调整为合适大小，然后拖动图片，将其移动到演示窗口的左上角，如图7.20所示。步骤7添加一个移动图标到“汽车”显示图标的下面，并将其命名为“移动汽车”，然后双击该移动图标，接着在“属性：移运图标”面板中设置“类型”为“指定固定点”，如图7.21所示。步骤8拖动“汽车”显示图标到“移动汽车”移动图标上，将其链接到移动图标上，如图7.22所示。图7.18调整图片大小

图7.19确定要改变图片大小步骤9单击“移动汽车”图标，切换其属性面板，在“定时”下拉列表框中选择“时间（秒）”选项，在下面的文本框中输入“1”；在“执行方式”下拉列表框中选择“等待直到完成”选项；选中“目标”单选按钮，并设置目标位置的X、Y坐标值，如图7.23所示。步骤10在演示窗口中拖动汽车到演示窗口的右下角，设置移动目标的开始位置，如图7.24所示。步骤11单击“预览”按钮预览动画效果，如图7.25所示即是以“指向固定点”进行移动时的效果。图7.20移动图片位置图7.21设置移动图标属性图7.22建立链接

图7.23设置图片移动的目标位置图7.24设置移动目标的开始位置图7.25预览移动时的效果

●

7.2.2指向固定直线上的某点移动对象指向固定直线上的某点移动方式需要用户指当运动对象，设定物体的移动的终点所在的直线以及基点值，并根据变量或表达式的值设置运动终点位置，具体操作步骤如下。步骤1参考上一节的方法，新建一个多媒体件，然后导入“汽车.jpg”，并调整图片大小和位置，如图7.26所示。步骤2在设计窗口添加移动图标，并命名为“移动汽车”，然后打开该移动图标的属性面板，接着设置“类型”为“指向固定直线上的某点”选项，如图7.27所示。图7.27设置移动图标类型图7.26导入图片步骤3将“汽车”图标拖动到“移动汽车”图标上，为其建立离岸价。然后在“属性：移运图标”面板中选中“基点”单选按钮，接着双击移动图标，打开演示窗口，将汽车图片调整到窗口左下角位置，确定直线的基点，如图7.28所示。步骤4在“属性：移运图标”面板中选中“终点”单选按钮，然后在演示窗口移动汽车图片到窗口右侧，确定直线的终点，如图7.29所示。图7.29确定直线的终点图7.28确定直线的基点步骤5在“属性：移运图标”面板中选中“目标”单选按钮，然后在演示窗口沿基点到终点的直接方向移动图片，设置目标位置，如图7.30所示。步骤6在“属性：移运图标”面板中单击“预览”按钮，预览动画效果，如图7.31所示。

图7.30确定图片对象移动目标图7.31预览动画效果●

7.2.3指向固定区域内的某点移动对象指向固定区域内的某点移动方式需要用户指定运动对象，设置物体运动终点所在的坐标系和终点的X、Y坐标，具体操作步骤如下。步骤1参考前面的方法，新建一个多媒体文件，然后导入“汽车.jpg”，并调整图片大小和位置。步骤2在设计窗口添加移动图标，并命名为“移动汽车”，然后打开该移动图标的属性面板，接着设置“类型”为“指向固定区域内的某点”选项，如图7.32所示。步骤3将“汽车”图标拖动到“移动汽车”图标上，为其建立连接。然后在“属性：移运图标”面板中选中“基点”单选按钮，接着双击移动图标，打开演示窗口，如图7.33所示。步骤4在演示窗口中将汽车图片调整到窗口中间位置，确定区域的基点，如图7.34所示。

图7.32设置移动图标属性图7.33为物体建立链接步骤5在“属性：移运图标”面板中选中“终点”单选按钮，然后在演示窗口移动汽车图片到窗口右侧，确定区域的终点，如图7.35所示。图7.34确定区域基点图7.35确定区域终点

●

7.2.4指向固定路径的终点移动对象指向固定路径的终点移动方式需要用户提供运动对象，并通过任意设置多个关键点来确定对象运动轨迹，具体操作步骤如下。步骤1参考前面的方法，新建一个多媒体文件，然后导入“汽车.jpg”，并调整图片大小和位置。步骤2在设计窗口添加移动图标，并命名为“移动汽车”，然后打开该移动图标的属性面板，接着设置“类型”为“指向固定路径的终点”选项，如图7.38所示。图7.36确定图片对象移动目标位置图7.37预览动画效果步骤6在“属性：移运图标”面板中选中“目标”单选按钮，然后在演示窗口拖动图片，设置目标位置，如图7.36所示。步骤7在“属性：移运图标”面板中单击“预览”按钮，预览动画效果，如图7.37所示。

步骤3将“汽车”图标拖动到“移动汽车”图标上，为其建立离岸价，然后双击移动图标，打开演示窗口，接着拖动图片汽车图片到3个不同的位置，创建一条如图7.39所示的移动路径。图7.38设置移动图标属性图7.39绘制移动路径步骤4双击移动路径中间的“三角形”节点，将其变为“圆形”形状，将移动路径变为弧线，如图7.40所示。步骤5在“属性：移运图标”面板中单击“预览”按钮，预览动画效果，如图7.41所示。

图7.40确定区域基点图7.41确定区域终点●

7.2.5指向固定路径上的任意点移动对象指向固定路径上的任意点移动方式需要用户指定运动对象，确定对象移动的路径、起点值以及运动要到达的终点位置，具体操作步骤如下。步骤1参考前面的方法，新建一个多媒体文件，然后导入“汽车.jpg”，并调整图片大小和位置。步骤2在设计窗口添加移动图标，并命名为“移动汽车”，然后打开该移动图标的属性面板，接着设置“类型”为“指向固定路径上的任意点”选项，如图7.42所示。步骤3将“汽车”图标拖动到“移动汽车”图标上，为其建立离岸价，然后双击移动图标，打开演示窗口，接着拖动图片汽车图片到3个不同的位置，创建一条如图7.43所示的移动路径。图7.42选择类型图7.43设置相关属性图7.44移动时的效果●

7.2.6循环运动下面通过一个实例介绍设置物体对象循环运动的方法，具体操作步骤如下。步骤1新建一个多媒体文件，在流程线上建立一个名为“星空-太阳”的显示图标，如图7.45所示。步骤2双击该图标打开演示窗口，在其中导入背景图片并调整大小及位置，如图7.46所示。

图7.45添加一个显示图标步骤3用鼠标左键单击显示图标下方的流程线，然后在菜单栏中选择“插入”|“媒体”|AnimatedGIF命令，如图7.47所示。步骤4弹出AnimatedGIFAssetProperties对话框，单击Browse按钮，如图7.48所示。图7.46导入背景图片图7.47选择AnimatedGIF命令图7.48单击Browse按钮步骤5弹出OpenanimatedGIFfile对话框，选择“地球自转.gif”文件，再单击“打开”按钮，如图7.49所示。步骤6返回到AnimatedGIFAssetProperties对话框中，单击OK按钮，返回多媒体文件窗口，然后将图标改名为“地球自转”，接着在GIF插件属性对话框的“显示”选项卡中设置动画背景透明效果，如图7.50所示。图7.49选择媒体文件图7.50设置透明效果步骤7在GIF图标下方放置一个移动图标，将它命名为“公转”，试运行程序，当停留在此处时，在屏幕下方的属性对话框中将移动方式修改为“指向固定路径的终点”，确认默认“执行方式”为“等待直到完成”，如图7.51所示。步骤8单击地球将其作为欲移动的对象，然后拖拽它沿轨道逐点建立路径，使终点覆盖在起始点之上，成为一条环形路径，如图7.52所示。步骤9在属性设置对话框中将默认“执行方式”中的“等待直到完成”修改为“永久”，然后在它下方的“移动当”文本框中输入永久循环的条件TURE，如图7.53所示。图7.51设置相关属性图7.52建立路径图7.53循环运动参数设置

●7.3使用判断图标设计不同的分支结构

单击判断分支标志，或在该分支的图标上单击鼠标右键，在弹出的快捷菜单中选择“判断路径”命令，可以显示其属性面板，如图7.54所示，在其中可以对该分支的擦除方式以及执行是否暂停等属性进行设置。●

7.3.1创建顺序分支结构顺序分支结构是按从左至右的顺序执行判断图标右侧的分支，创建的方法是判断图标属性面板的“分支”下拉列表框中选择“顺序分支路径”选项，此时判断图标的图案为。下面将进行具体介绍，操作步骤如下。步骤1添加一个判断图标到流程线上，并将其命名为“顺序分支结构”，如图7.55所示。步骤2单击判断图标，然后在其属性面板的“重复”下拉列表框中选择“所有的路径”选项，在“分支”下拉列表框中选择“顺序分支路径”选项，如图7.56所示。步骤3添加一个群组图标到“顺序分支结构”判断图标的右侧，并将其命名为“蝴蝶1”，如图7.57所示。图7.54“属性：判断路径[分支流程1]”面板图7.55添加判断图标步骤4双击该群组图标，在层2中添加一个显示图标，并将其命名为“图”，然后导入“蝴蝶1.jpg”图像，如图7.58所示。图7.56设置相关属性图7.57添加群组图标图7.58导入蝴蝶1步骤5双击该图标打开演示窗口，单击“绘图”工具栏中的文本工具A，在蝴蝶的下方输入一行文字“蝴蝶1”，如图7.59所示。步骤6添加一个等待图标到“图”显示图标的下面，并将其命名为“等待”，在其属性面板中取消选中“显示按钮”复选框，选中“单击鼠标”复选框，在“时限”文本框中输入“3”，如图7.60所示。图7.59输入文字图7.60设置相关属性步骤7复制4个“蝴蝶1”群组图标到“蝴蝶1”群组图标的右侧，并依次命名为“蝴蝶2”、“蝴蝶3”、“蝴蝶4”和“蝴蝶5”，如图7.61所示。步骤8在各群组的“图”显示图标中分别导入“蝴蝶2”、“蝴蝶3”、“蝴蝶4”和“蝴蝶5”图像，并分别输入文字“蝴蝶2”、“蝴蝶3”、“蝴蝶4”和“蝴蝶5”，如图7.62所示，各群组内容都类似。步骤9单击工具栏中的“运行”按钮运行，程序首先会显示“蝴蝶1”，单击鼠标、按任意键或等待3秒后将显示“蝴蝶2”。后面将按顺序显示“蝴蝶3”、“蝴蝶4”和“蝴蝶5”，然后退出判断图标。图7.61复制其他分支图7.62制作其他分支的内容●

7.3.2创建随机分支结构随机分支结构是在判断图标右侧的分支中随机执行一条分支，创建的方法是在判断图标属性面板的“分支”下拉列表框中选择“随机分支路径”选项，此时判断图标的图案为，具体操作步骤如下。步骤1在上例的基础上创建随机分支结构，将“顺序分支结构”判断图标的名称修改为“随机分支路径”，并在其属性面板的“分支”下拉列表框中选择“随机分支路径”选项，如图7.63所示。步骤2单击工具栏中的“运行”按钮运行，如图7.64所示。步骤3程序显示图片的顺序是随机的，并可能将一幅图片多次显示，当每一幅图片都被显示后退出判断图标。图7.63选择分支图7.64单击“运行”按钮●

7.3.3创建在未执行的分支中随机选择分支结构在未执行的分支中随机选择分支结构是在判断图标右侧的还没有执行过的分支中随机执行一条分支，创建的方法如下。步骤1在上述例子的基础上创建在未执行的分支中随机选择分支结构，将“顺序分支结构”判断图标的名称修改为“在未执行的分支中随机选择分支结构”，并在其属性面板的“分支”下拉列表框中选择“在未执行过的路径中随机选择”选项，如图7.65所示。步骤2单击工具栏中的“运行”按钮运行，如图7.66所示。步骤3程序显示图片的顺序是随机的，并且不会重复显示同一张图片，当每一幅图片都被显示后退出判断图标。图7.65设置分支图7.66单击“运行”按钮●

7.3.4创建计算分支结构计算分支结构是通过一个变量或表达式控制执行的分支，在判断图标属性面板的“分支”下拉列表框中选择“计算分支结构”选项，并在其下方的文本框中输入变量或表达式即可。程序在运行时，将根据该变量或表达式的值执行相应的分支，如值为4则执行第4条分支，具体操作步骤如下。步骤1在上述例子的基础上创建计算分支结构，将“顺序分支结构”判断图标的名称修改为“计算分支结构”，并在其属性面板的“重复”下拉列表框中选择“不重复”选项，在“分支”下拉列表框中选择“计算分支结构”选项，如图7.67所示。步骤2在“分支”下拉列表框下方的文本框中输入“EntryText”，如图7.68所示。图7.67选择“计算分支结构”选项图7.68设置相关属性步骤3单击“蝴蝶1”判断分支标志，在其属性面板的“擦除内容”下拉列表框中选择“不擦除”选项，如图7.69所示。步骤4双击“蝴蝶1”群组图标，打开其流程编辑窗口，删除其中的等待图标，如图7.70所示。步骤5重复步骤3和步骤4的操作，设置“蝴蝶2”至“蝴蝶5”的分支路径的“擦除内容”属性为“不擦除”，并删除“蝴蝶2”至“蝴蝶5”群组图标中的等待图标。图7.69选择“不擦除”图7.70单击“删除”按钮步骤6添加一个交互图标到“计算分支结构”判断图标的上面，并将其命名为“输入编号”，如图7.71所示。步骤7在交互图标右侧添加一个群组图标，打开如图7.所示的“交互类型”对话框，选中“文本输入”单选按钮，单击“确定”按钮，如图7.72所示。步骤8设置交互类型为“文本输入”交互，并将该图标命名为1|2|3|4|5，单击文本输入标志显示其属性面板，选择“响应”选项卡，在“分支”下拉列表框中选择“退出交互”选项，如图7.73所示。步骤9双击“输入编号”交互图标，在演示窗口中调整文本框的大小和位置，并输入一行文字“请输入图片编号：”，如图7.74所示。步骤10单击工具栏中的“运行”按钮，查看设置效果。图7.73选择“退出交互”选项图7.74调整文本框的位置图7.71添加交互按钮图7.72“交互类型”对话框图7.75输入编号图7.76输入后的显示效果步骤11在文本框中输入图片的编号，如输入“5”，如图7.75所示。步骤12按Enter键即可显示相应的图片，如图7.76所示，显示“蝴蝶5”。●

7.3.5实例：制作“石头、剪刀、布”多媒体作品本例将制作一个“剪刀、石头、布”多媒体作品，具体要求如下。用户在左侧的“剪刀”、“石头”、“布”图案中选择一个。电脑随机在“剪刀”、“石头”、“布”中选择一个图案。根据选择的情况判断输赢。设置本例由4个部分组成，分别为“主界面”、“玩家选择”、“电脑选择”和“判断输赢”。图7.77选择“导入媒体”命令图7.78“导入哪个文件夹”对话框“主界面”部分：由一个显示图标构成，用于制作作品的界面。“玩家选择”部分：由一个“选择”交互图标和一个“玩家”判断图标构成。“选择”交互图标用于用户进行选择，“玩家”判断图标用于显示用户的选择。“电脑选择”部分：由一个“电脑”判断图标构成，用于电脑做出选择，并显示选择的结果。“判断输赢”部分：由一个判断图标构成，用于判断并显示输赢。具体操作步骤如下。步骤1新建一个多媒体文件，然后在流程线上添加一个显示图标，并将其命名为“背景”，接着双击“背景”图标，打开其演示窗口，再在菜单栏中选择“文件”|“导入和导出”|“导入媒体”命令，如图7.77所示。步骤2弹出“导入哪个文件夹”对话框，在其中选择合适的文件，再单击“导入”按钮，如图7.78所示。图7.79导入背景图片步骤5在流程线上添加一个“设置界面”显示图标，双击打开其演示窗口，利用工具栏中的“矩形”工具在其中绘制如图7.81所示的矩形。步骤6在演示窗口中导入石头、剪刀、布的手形图片，并设置各图片的显示模式为“阿尔法”，再调整其大小和位置，效果如图7.82所示。步骤7添加一个交互图标到“石头剪刀布”显示图标的下面，并将其命名为“选择”，添加一个群组图标到“选择”交互图标的右侧，设置交互类型为“热区域”交互，并将其命名为“石头”，单击“石头”分支流程上方的标志，显示其属性面板，在“匹配”下拉列表框中选择“单击”选项，并设置鼠标指针的图案为小手标志，如图7.83所示。步骤3在演示窗口中调整导入的背景图片的大小和位置，接着输入标题文本，效果如图7.79所示。步骤4使用类似方法在背景图的基础上再导入两个人物图形，结果如图7.80所示。图7.80导入人物图形图7.81绘制矩形框步骤8选择“响应”选项卡，选中“永久”复选框，在“分支”下拉列表框中选择“退出交互”选项，如图7.84所示。图7.82导入石头、剪刀、布图形图7.83在“热区域”选项卡中设置图标参数图7.84在“响应”选项卡中设置图标参数步骤9添加两个群组图标到“石头”群组图标的右侧，并分别命名为“剪刀”和“布”，然后双击打开“选择”交互图标的演示窗口，在其中调整热区域的位置，如图7.85所示。

图7.85调整“热区域”位置步骤11添加一个显示图标到“玩家”判断图标的右侧，并将其命名为“石头”。双击“石头”显示图标，打开演示窗口，在其中导入“石头”图形，设置显示模式为“阿尔法”，并调整其位置，如图7.87所示。步骤12单击“石头”显示图标上的标志，显示判断分支的属性面板，在“擦除内容”下拉列表框中选择“不擦除”选项，如图7.88所示。步骤13添加一个显示图标到“石头”显示图标的右侧，并命名为“剪刀”，然后在其中导入“剪刀”图形，设置显示模式为“阿尔法”，并调整位置，如图7.89所示。步骤10添加一个判断图标到“选择”交互图标的下面，并将其命名为“玩家”，单击该图标显示其属性面板，在“重复”下拉列表框中选择“不重复”选项，在“分支”下拉列表框中选择“计算分支结构”选项，并在其下方的文本框中输入“ChoiceNumber