第6章 动画与交互的实现
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
2) 在“窗口”图标的下面添加一个显示图标，命名为“目 标区域”。
3) 双击“目标区域”图标，在打开的演示窗口中绘制一个 简单的上下窗格。在上方的窗格中输入“将右侧的单词拖放 到左侧相应的图片上”；在下方窗格导入三幅图片，如图646所示。
4) 在“目标区域”图标的下方添加一个显示图标，命名 为“苹果”。
2) 在“窗口”图标下面添加三个显示图标，分别命名为 “牛”、“马”和“羊”，并分别导入相应的图片，设置各 图片的遮盖模式为【透明】。
3) 在流程线上选择这三个显示图标，单击菜单栏中的【修 改】/【群组】命令，将三个显示图标组合为一个群组图标， 并将其命名为“对象”。
第六章 动画与交互的实现
4) 在“对象”群组图标的下面添加一个交互图标，命名 为“介绍”。
第六章 动画与交互的实现
图6-48 运行画面
第六章 动画与交互的实现
图6-49 程序流程线
第六章 动画与交互的实现
10) 根据对话框的提示，单击演示窗口中的“bird”单词作 为目标对象，则虚线框将自动附着到单词上。再根据对话框 的提示，将“bird”单词（注意不是虚线框）拖到鸟图片上， 然后调整虚线框使之完全包围鸟图片，如图6-50所示。
9) 调整按钮后运行程序，结果运行画面如图6-30所示。
图 6 30 运 行 画 面
-
第六章 动画与交互的实现
10) 用前面学过的方法，为每一个按钮选择手形光标。 运行程序时，当光标指向按钮时将出现手形光标。
11) 双击“复习旧课”群组图标，打开其二级流程线。
12) 向该流程线上添加一个显示图标，在显示图标的演 示窗口中绘制一个小的“演示窗”作为复习旧课的承载窗 口。
图6-7 【移动】标签
第六章 动画与交互的实现
通过实例来验证一下选择不同的【执行方式】时程序的运行情况
图6-8 输入的文本
第六章 动画与交互的实现
6.3.2 指向固定直线上的某点
图6-9 【版面布局】标签
第六章 动画与交互的实现
图6-10 【移动】标签
第六章 动画与交互的实现
6.3.3 指向固定区域内的某点
第六章 动画与交互的实现
6.5.3 热区响应
1. 使用热区响应 将前面用按钮控制的课件修改为用热区控制的课件。其具体 的操作步骤如下：
1) 打开前面保存的课件。 2) 在“复习旧课”群组图标的响应类型标记上双击鼠标左键， 弹出【属性：响应】对话框。
3) 在对话框的【类型】选项列表中选择【热区响应】选项。 4) 单击按钮，可以看到“复习旧课”群组图标的响应类型
图6-20 【响应类型】对话框
第六章 动画与交互的实现
图6-21 分支结构
第六章 动画与交互的实现
6.5.2 按钮响应
1. 使用按钮响应
1) 新建一个文件。 2) 向流程线上添加一个计算图标，命名为“窗口”。 3) 向流程线上添加一个交互图标，并命名为“交互”。 4) 再拖曳一个计算图标至交互图标的右侧，在弹出的【响应 类型】对话框中选择【按钮】选项。
7) 单击“复习旧课”热区标志，则热区周围出现八个 控制点。将光标指向控制点按住鼠标左键拖曳，可以改变 热区的大小；将光标指向热区标志后按住鼠标左键拖曳， 可以改变热区的位置。如果仍要在演示窗口中出现“复习 旧课”字样，可以重新输入“复习旧课”字样，然后用热 区将其覆盖即可，如图6-33所示。
第六章 动画与交互的实现
13) 用户可以根据爱好和需要在流程线上添加其它图标， 以丰富课件，如文字、音乐、电影等。在此我们添加一个 显示图标，在其演示窗口中输入“温习单词”、“good— —好的”、“bad——坏的”等内容。
第六章 动画与交互的实现
14) 运行程序时，单击
按钮，将出现如图6-31所示的画面。
图6-31 程序运行画面 15) 用同样的方法，可以为其它群组图标设置所需的内容。
第六章 动画与交互的实现
图6-3 【版面布局】标签
第六章 动画与交互的实现
6.2 移动图标的属性
图6-4 五种动画设计方式
第六章 动画与交互的实现
图6-5 【属性：移动图标】对话框
第六章 动画与交互的实现
6.3 五种动画设计方式
6.3.1 指向固定点
图6-6 【版面布局】标签
第六章 动画与交互的实现
按钮，如果变量“x”没有在其它地方使
用过，则弹出【新的变量】对话框，直接单击
按钮
即可。
6) 向流程线上添加一个计算图标，双击该图标，在打 开的计算窗口中输入“x=1”后关闭窗口。
7) 运行程序，可以看见圆形在指定的路径上往复不 停地旋转。
第六章 动画与交互的实现
6.5 交互功能的实现
6.5.1 认识交互图标
5) 单击按钮，则在设计窗口中建立了交互分支结构，将计算 图标命名为“退出”。
6) 双击“退出”计算图标，在打开的计算窗口中输入“Quit （）”。
7) 关闭计算窗口。
第六章 动画与交互的实现
图6-22 计算窗口
第六章 动画与交互的实现
2. 设置按钮响应属性
图6-23 【属性：响应】对话框
第六章 动画与交互的实现
7) 在交互图标右侧添加四个群组图标，并分别命名为 “复习旧课”、“导入新课”、“讲授内容”和“请你欣 赏”。这时不再弹出【响应类型】对话框，将使用第一次设 置的响应类型，该流程线如图6-29所示。
第六章 动画与交互的实现
图6-29 流程线
第六章 动画与交互的实现
8) 运行程序，如果发现按钮分布不符合要求，可以双击 交互图标，在演示窗口中调整按钮的位置和大小。
5) 在交互图标的右侧添加一个群组图标，在弹出的 【响应类型】对话框中选择【热对象响应】类型。将该群 组图标命名为“介绍牛”，此时的流程线如图6-40所示。
6) 双击“介绍牛”群组图标，在其二级流程线上添加 一个显示图标和一个声音图标(如图6-41所示)，并分别载入 一段文字和解说词。
第六章 动画与交互的实现
2) 双击流程线上的“窗口”计算图标，将演示窗口大小 设为（520，280）。
3) 向“窗口”计算图标的下方添加一个显示图标，命名 为“背景”。
4) 用前面学过的方法，向“背景”图标中导入一幅图片 作为背景。
5) 向流程线上添加一个交互图标，并命名为“交互”。
第六章 动画与交互的实现
6) 拖曳一个计算图标至交互图标的右侧，在弹出的【响 应类型】对话框中选择【按钮】选项，然后单击按钮，将图 标命名为“退出程序”。
图6-11 【版面布局】标签
第六章 动画与交互的实现
下面做一个鼠标跟随动画的练习：
1) 建立一个新文件，在流程线上添加一个显示图标，命名为 “圆形”。
2) 双击“圆形”显示图标，在演示窗口中画一个红色的圆。
3) 向流程线上添加一个移动图标，并命名为“跟随”。
4) 运行程序，当程序遇到空白的移动图标后会自动停止，并 弹出【属性：移动图标】对话框。
图6-25 设置按钮始终有效
第六章 动画与交互的实现
3. 改变按钮的大小、位置与外观
图6-26 【按钮】对话框
第六章 动画与交互的实现
图 6-27
第六章 动画与交互的实现
图6-28 【按钮编辑】对话框
第六章 动画与交互的实现
4. 按钮响应实例
下面，使用按钮响应制作一个简单的多媒体课件。
1) 建立一个新文件。在流程线上添加一个计算图标，命 名为“窗口”。
第六章 动画与交互的实现
第六章 动画与交互的实现
6.1 动画设计的基本步骤 6.2 移动图标的属性 6.3 五种动画设计方式 6.4 利用变量控制动画 6.5 交互功能的实现
第六章 动画与交互的实现
6.1 动画设计的基本步骤
图6-1 运行画面
第六章 动画与交互的实现
图6-2 程序暂停出现【属性：移动图标】对话框
图6-37 选择【继续】时的流程走向
第六章 动画与交互的实现
图6-38 选择【退出交互】时的流程走向
第六章 动画与交互的实现
图6-39 选择【返回】时的流程走向
第六章 动画与交互的实现
6.5.4 热对象响应
制作该课件的具体操作步骤如下：
1) 建立一个新文件。在流程线上添加一个计算图标，命名 为“窗口”，并将演示窗口的大小设为（420，280）。
图6-33 修改热区标志
第六章 动画与交互的实现
8) 用同样的方法修改其它的按钮。运行程序时的画面如 图6-34所示。
图6-34 运行画面
第六章 动画与交互的实现
2. 设置热区响应的属性
图6-35 【响应】标签
第六章 动画与交互的实现
图6-36 选择【重试】时的流程走向
第六章 动画与交互的实现
2) 向流程线上添加一个移动图标，并命名为“循环”。 3) 双击“循环”移动图标，弹出【属性：移动图标】对话 框。
4) 在对话框中选择【指向固定路径的终点】方式，拾取演 示窗口中的红色圆形，通过拖曳鼠标确定运动路径。然后在
第六章 动画与交互的实现
图6-19 设定运动条件
第六章 动画与交互的实现
5) 单击
7) 运行程序，弹出【属性：响应】对话框，单击演示窗 口中的“牛”图片，将它的【类型】定义为热对象，则 “牛”图片出现在对话框左上角的预览窗口中，同时其图 标名称出现在【热对象】选项文本框中，说明该对象已被 选中，如图6-42所示。
8) 在【匹配】选项中选择【指针在对象上】选项，再用 前面介绍的方法将【鼠标指针】设置为手形光标。
5) 在对话框中选择【指向固定区域内的某点】方式，然后拾 取演示窗口中的红色的圆，通过拖曳鼠标确定移动区域。
6) 在【目的地】选项中输入两个系统变量：cursorX和 cursorY。这两个变量的作用是让红色的圆捕捉光标位置，如图 6-12所示。
Leabharlann Baidu
第六章 动画与交互的实现
图6-12 【版面布局】标签
7) 在“鸟”图标的下方添加一个交互图标，命名为“判 断”。
8) 向交互图标的右侧添加一个群组图标，在弹出的【响 应类型】对话框中选择【目标区】响应，将该图标命名为 “鸟正确”；在“鸟正确”图标的右侧再添加一个群组图标， 命名为“鸟错误”，如图6-49所示。
第六章 动画与交互的实现
图6-47 程序流程线
9) 单击按钮，关闭对话框。
10) 运行程序，当光标移到“牛”图片上时就会出现文 字和解说词，如图6-43所示。
第六章 动画与交互的实现
图6-40 程序流程线
第六章 动画与交互的实现
图6-41 二级流程线
第六章 动画与交互的实现
图6-42 定义热对象
第六章 动画与交互的实现
图6-43 程序运行画面
5) 双击“苹果”图标，在打开的演示窗口中输入单词 “apple”。
第六章 动画与交互的实现
图6-46 演示窗口内容
第六章 动画与交互的实现
6) 用同样的方法，在流程线上再添加两个显示图标，并 分别命名为“猪”和“鸟”，然后在其演示窗口中分别输入 单词“pig”和“bird”，此时程序的流程线如图6-47所示，运行 的画面如图6-48所示。
标记发生了变化，由按钮响应的形状变为热区响应的形状。
第六章 动画与交互的实现
5) 运行程序，可以发现画面中的按钮消失了，但当光标 指向按钮所在区域时仍将变为手形光标（如图6-32所示）， 单击鼠标左键将出现“复习旧课”的内容。
图6-32 运行画面
第六章 动画与交互的实现
6) 如果需要修改热区，可以双击交互图标，打开演示窗 口。
图6-16 创建的运动路径
第六章 动画与交互的实现
图6-17 圆滑路径
第六章 动画与交互的实现
6.3.5 指向固定路径上的任意点
图6-18 【版面布局】标签
第六章 动画与交互的实现
6.4 利用变量控制动画
使用变量来控制对象的循环运动。
1) 建立一个新文件，在流程线上添加一个显示图标，命名 为“圆形”，然后双击“圆形”显示图标，在演示窗口中画一 个红色的圆形。
第六章 动画与交互的实现
11) 用同样的方法，可以为“马”和“羊”进行上述设 置，其最终程序如图6-44所示。
图6-44 程序流程线
第六章 动画与交互的实现
6.5.5 目标区响应
图6-45 运行画面
第六章 动画与交互的实现
使用目标区响应制作该课件的操作步骤如下：
1) 建立一个新文件。在流程线上添加一个计算图标，命名 为“窗口”，并将演示窗口的大小设为（420，280）。
第六章 动画与交互的实现
7) 在【移动】标签中设置各项参数，如图6-13所示。
图6-13 【移动】标签 8) 关闭对话框。运行程序时就会发现红色的圆跟随鼠标移动。
第六章 动画与交互的实现
6.3.4 指向固定路径的终点
图6-14 【移动】标签
第六章 动画与交互的实现
图6-15 【版面布局】标签
第六章 动画与交互的实现
3) 双击“目标区域”图标，在打开的演示窗口中绘制一个 简单的上下窗格。在上方的窗格中输入“将右侧的单词拖放 到左侧相应的图片上”；在下方窗格导入三幅图片，如图646所示。
4) 在“目标区域”图标的下方添加一个显示图标，命名 为“苹果”。
2) 在“窗口”图标下面添加三个显示图标，分别命名为 “牛”、“马”和“羊”，并分别导入相应的图片，设置各 图片的遮盖模式为【透明】。
3) 在流程线上选择这三个显示图标，单击菜单栏中的【修 改】/【群组】命令，将三个显示图标组合为一个群组图标， 并将其命名为“对象”。
第六章 动画与交互的实现
4) 在“对象”群组图标的下面添加一个交互图标，命名 为“介绍”。
第六章 动画与交互的实现
图6-48 运行画面
第六章 动画与交互的实现
图6-49 程序流程线
第六章 动画与交互的实现
10) 根据对话框的提示，单击演示窗口中的“bird”单词作 为目标对象，则虚线框将自动附着到单词上。再根据对话框 的提示，将“bird”单词（注意不是虚线框）拖到鸟图片上， 然后调整虚线框使之完全包围鸟图片，如图6-50所示。
9) 调整按钮后运行程序，结果运行画面如图6-30所示。
图 6 30 运 行 画 面
-
第六章 动画与交互的实现
10) 用前面学过的方法，为每一个按钮选择手形光标。 运行程序时，当光标指向按钮时将出现手形光标。
11) 双击“复习旧课”群组图标，打开其二级流程线。
12) 向该流程线上添加一个显示图标，在显示图标的演 示窗口中绘制一个小的“演示窗”作为复习旧课的承载窗 口。
图6-7 【移动】标签
第六章 动画与交互的实现
通过实例来验证一下选择不同的【执行方式】时程序的运行情况
图6-8 输入的文本
第六章 动画与交互的实现
6.3.2 指向固定直线上的某点
图6-9 【版面布局】标签
第六章 动画与交互的实现
图6-10 【移动】标签
第六章 动画与交互的实现
6.3.3 指向固定区域内的某点
第六章 动画与交互的实现
6.5.3 热区响应
1. 使用热区响应 将前面用按钮控制的课件修改为用热区控制的课件。其具体 的操作步骤如下：
1) 打开前面保存的课件。 2) 在“复习旧课”群组图标的响应类型标记上双击鼠标左键， 弹出【属性：响应】对话框。
3) 在对话框的【类型】选项列表中选择【热区响应】选项。 4) 单击按钮，可以看到“复习旧课”群组图标的响应类型
图6-20 【响应类型】对话框
第六章 动画与交互的实现
图6-21 分支结构
第六章 动画与交互的实现
6.5.2 按钮响应
1. 使用按钮响应
1) 新建一个文件。 2) 向流程线上添加一个计算图标，命名为“窗口”。 3) 向流程线上添加一个交互图标，并命名为“交互”。 4) 再拖曳一个计算图标至交互图标的右侧，在弹出的【响应 类型】对话框中选择【按钮】选项。
7) 单击“复习旧课”热区标志，则热区周围出现八个 控制点。将光标指向控制点按住鼠标左键拖曳，可以改变 热区的大小；将光标指向热区标志后按住鼠标左键拖曳， 可以改变热区的位置。如果仍要在演示窗口中出现“复习 旧课”字样，可以重新输入“复习旧课”字样，然后用热 区将其覆盖即可，如图6-33所示。
第六章 动画与交互的实现
13) 用户可以根据爱好和需要在流程线上添加其它图标， 以丰富课件，如文字、音乐、电影等。在此我们添加一个 显示图标，在其演示窗口中输入“温习单词”、“good— —好的”、“bad——坏的”等内容。
第六章 动画与交互的实现
14) 运行程序时，单击
按钮，将出现如图6-31所示的画面。
图6-31 程序运行画面 15) 用同样的方法，可以为其它群组图标设置所需的内容。
第六章 动画与交互的实现
图6-3 【版面布局】标签
第六章 动画与交互的实现
6.2 移动图标的属性
图6-4 五种动画设计方式
第六章 动画与交互的实现
图6-5 【属性：移动图标】对话框
第六章 动画与交互的实现
6.3 五种动画设计方式
6.3.1 指向固定点
图6-6 【版面布局】标签
第六章 动画与交互的实现
按钮，如果变量“x”没有在其它地方使
用过，则弹出【新的变量】对话框，直接单击
按钮
即可。
6) 向流程线上添加一个计算图标，双击该图标，在打 开的计算窗口中输入“x=1”后关闭窗口。
7) 运行程序，可以看见圆形在指定的路径上往复不 停地旋转。
第六章 动画与交互的实现
6.5 交互功能的实现
6.5.1 认识交互图标
5) 单击按钮，则在设计窗口中建立了交互分支结构，将计算 图标命名为“退出”。
6) 双击“退出”计算图标，在打开的计算窗口中输入“Quit （）”。
7) 关闭计算窗口。
第六章 动画与交互的实现
图6-22 计算窗口
第六章 动画与交互的实现
2. 设置按钮响应属性
图6-23 【属性：响应】对话框
第六章 动画与交互的实现
7) 在交互图标右侧添加四个群组图标，并分别命名为 “复习旧课”、“导入新课”、“讲授内容”和“请你欣 赏”。这时不再弹出【响应类型】对话框，将使用第一次设 置的响应类型，该流程线如图6-29所示。
第六章 动画与交互的实现
图6-29 流程线
第六章 动画与交互的实现
8) 运行程序，如果发现按钮分布不符合要求，可以双击 交互图标，在演示窗口中调整按钮的位置和大小。
5) 在交互图标的右侧添加一个群组图标，在弹出的 【响应类型】对话框中选择【热对象响应】类型。将该群 组图标命名为“介绍牛”，此时的流程线如图6-40所示。
6) 双击“介绍牛”群组图标，在其二级流程线上添加 一个显示图标和一个声音图标(如图6-41所示)，并分别载入 一段文字和解说词。
第六章 动画与交互的实现
2) 双击流程线上的“窗口”计算图标，将演示窗口大小 设为（520，280）。
3) 向“窗口”计算图标的下方添加一个显示图标，命名 为“背景”。
4) 用前面学过的方法，向“背景”图标中导入一幅图片 作为背景。
5) 向流程线上添加一个交互图标，并命名为“交互”。
第六章 动画与交互的实现
6) 拖曳一个计算图标至交互图标的右侧，在弹出的【响 应类型】对话框中选择【按钮】选项，然后单击按钮，将图 标命名为“退出程序”。
图6-11 【版面布局】标签
第六章 动画与交互的实现
下面做一个鼠标跟随动画的练习：
1) 建立一个新文件，在流程线上添加一个显示图标，命名为 “圆形”。
2) 双击“圆形”显示图标，在演示窗口中画一个红色的圆。
3) 向流程线上添加一个移动图标，并命名为“跟随”。
4) 运行程序，当程序遇到空白的移动图标后会自动停止，并 弹出【属性：移动图标】对话框。
图6-25 设置按钮始终有效
第六章 动画与交互的实现
3. 改变按钮的大小、位置与外观
图6-26 【按钮】对话框
第六章 动画与交互的实现
图 6-27
第六章 动画与交互的实现
图6-28 【按钮编辑】对话框
第六章 动画与交互的实现
4. 按钮响应实例
下面，使用按钮响应制作一个简单的多媒体课件。
1) 建立一个新文件。在流程线上添加一个计算图标，命 名为“窗口”。
第六章 动画与交互的实现
第六章 动画与交互的实现
6.1 动画设计的基本步骤 6.2 移动图标的属性 6.3 五种动画设计方式 6.4 利用变量控制动画 6.5 交互功能的实现
第六章 动画与交互的实现
6.1 动画设计的基本步骤
图6-1 运行画面
第六章 动画与交互的实现
图6-2 程序暂停出现【属性：移动图标】对话框
图6-37 选择【继续】时的流程走向
第六章 动画与交互的实现
图6-38 选择【退出交互】时的流程走向
第六章 动画与交互的实现
图6-39 选择【返回】时的流程走向
第六章 动画与交互的实现
6.5.4 热对象响应
制作该课件的具体操作步骤如下：
1) 建立一个新文件。在流程线上添加一个计算图标，命名 为“窗口”，并将演示窗口的大小设为（420，280）。
图6-33 修改热区标志
第六章 动画与交互的实现
8) 用同样的方法修改其它的按钮。运行程序时的画面如 图6-34所示。
图6-34 运行画面
第六章 动画与交互的实现
2. 设置热区响应的属性
图6-35 【响应】标签
第六章 动画与交互的实现
图6-36 选择【重试】时的流程走向
第六章 动画与交互的实现
2) 向流程线上添加一个移动图标，并命名为“循环”。 3) 双击“循环”移动图标，弹出【属性：移动图标】对话 框。
4) 在对话框中选择【指向固定路径的终点】方式，拾取演 示窗口中的红色圆形，通过拖曳鼠标确定运动路径。然后在
第六章 动画与交互的实现
图6-19 设定运动条件
第六章 动画与交互的实现
5) 单击
7) 运行程序，弹出【属性：响应】对话框，单击演示窗 口中的“牛”图片，将它的【类型】定义为热对象，则 “牛”图片出现在对话框左上角的预览窗口中，同时其图 标名称出现在【热对象】选项文本框中，说明该对象已被 选中，如图6-42所示。
8) 在【匹配】选项中选择【指针在对象上】选项，再用 前面介绍的方法将【鼠标指针】设置为手形光标。
5) 在对话框中选择【指向固定区域内的某点】方式，然后拾 取演示窗口中的红色的圆，通过拖曳鼠标确定移动区域。
6) 在【目的地】选项中输入两个系统变量：cursorX和 cursorY。这两个变量的作用是让红色的圆捕捉光标位置，如图 6-12所示。
Leabharlann Baidu
第六章 动画与交互的实现
图6-12 【版面布局】标签
7) 在“鸟”图标的下方添加一个交互图标，命名为“判 断”。
8) 向交互图标的右侧添加一个群组图标，在弹出的【响 应类型】对话框中选择【目标区】响应，将该图标命名为 “鸟正确”；在“鸟正确”图标的右侧再添加一个群组图标， 命名为“鸟错误”，如图6-49所示。
第六章 动画与交互的实现
图6-47 程序流程线
9) 单击按钮，关闭对话框。
10) 运行程序，当光标移到“牛”图片上时就会出现文 字和解说词，如图6-43所示。
第六章 动画与交互的实现
图6-40 程序流程线
第六章 动画与交互的实现
图6-41 二级流程线
第六章 动画与交互的实现
图6-42 定义热对象
第六章 动画与交互的实现
图6-43 程序运行画面
5) 双击“苹果”图标，在打开的演示窗口中输入单词 “apple”。
第六章 动画与交互的实现
图6-46 演示窗口内容
第六章 动画与交互的实现
6) 用同样的方法，在流程线上再添加两个显示图标，并 分别命名为“猪”和“鸟”，然后在其演示窗口中分别输入 单词“pig”和“bird”，此时程序的流程线如图6-47所示，运行 的画面如图6-48所示。
标记发生了变化，由按钮响应的形状变为热区响应的形状。
第六章 动画与交互的实现
5) 运行程序，可以发现画面中的按钮消失了，但当光标 指向按钮所在区域时仍将变为手形光标（如图6-32所示）， 单击鼠标左键将出现“复习旧课”的内容。
图6-32 运行画面
第六章 动画与交互的实现
6) 如果需要修改热区，可以双击交互图标，打开演示窗 口。
图6-16 创建的运动路径
第六章 动画与交互的实现
图6-17 圆滑路径
第六章 动画与交互的实现
6.3.5 指向固定路径上的任意点
图6-18 【版面布局】标签
第六章 动画与交互的实现
6.4 利用变量控制动画
使用变量来控制对象的循环运动。
1) 建立一个新文件，在流程线上添加一个显示图标，命名 为“圆形”，然后双击“圆形”显示图标，在演示窗口中画一 个红色的圆形。
第六章 动画与交互的实现
11) 用同样的方法，可以为“马”和“羊”进行上述设 置，其最终程序如图6-44所示。
图6-44 程序流程线
第六章 动画与交互的实现
6.5.5 目标区响应
图6-45 运行画面
第六章 动画与交互的实现
使用目标区响应制作该课件的操作步骤如下：
1) 建立一个新文件。在流程线上添加一个计算图标，命名 为“窗口”，并将演示窗口的大小设为（420，280）。
第六章 动画与交互的实现
7) 在【移动】标签中设置各项参数，如图6-13所示。
图6-13 【移动】标签 8) 关闭对话框。运行程序时就会发现红色的圆跟随鼠标移动。
第六章 动画与交互的实现
6.3.4 指向固定路径的终点
图6-14 【移动】标签
第六章 动画与交互的实现
图6-15 【版面布局】标签
第六章 动画与交互的实现