5.2.6 有层次的运动
(更详细的内容在《Authorware 7.0 基础与实例教程》,网上购买。)
1.运行效果
一条笔直的马路上,有一只小飞机在飞,路旁的小树经常遮挡住我们的视线,运动效果如图5-29所示。
图5-29 有层次运动的运行效果
2.设计思路
一般情况下,“显示”图标的层次是在选项“Layer”(层)中指定的,层次数大的出现在层次数小的上方,同一层次数的对象是按流程线上的先后次序排列。“移动”图标属性中的选项“Layer”(层)可以指定移动对象在运动过程中的层次数,利用该选项可以动态改变“显示”图标的层号,从而实现显示对象的层次变换。
3.准备工作
在Adobe Photoshop中处理3张图片:马路、树和小飞机。为了设置透明效果,可以使用png格式的图片。其中树和小飞机的图片如图5-30所示。
图5-30 在Photoshop中设置png格式的图片
4.程序结构
完成后的程序流程图如图5-31所示。
5.制作步骤
(1)进入Authorware 7.0,新建一个文件,保存为“层次运动.a7p”。
(2)在程序开头拖入一个“显示”图标,命名为“马路和树”,在其中导入马路和树的图片。其中树的图像属性设置如图5-32所示。
图5-31 程序流程图
图5-32 树的图像属性设置
将树的图片复制两份,并按图5-29所示调整它们的位置。
选择菜单命令【Modify】(修改)→【Icon】(图标)→【Properties】(属性),弹出该“显示”图标的属性面板,在选项“Layer”(层)后输入“1”,如图5-33所示。
(3)单击常用工具栏上的【Import】(导入)图标按钮,打开如图5-34所示“Import Which File?”(导入哪个文件?)对话框,在选项“搜寻”后找到要导入图片所在的路径,在文件列表框单击“plane.png”,然后单击【Import】(导入)按钮。
图5-33 【显示】图标“马路和树”属性面板
图5-34 “Import which File”(导入哪个文件?)对话框
将新导入的“显示”图标改名为“小飞机”,双击“显示”图标“马路和树”并打开其编辑窗口再关闭它,然后按住【Shift】键不放。双击“显示”图标“小飞机”并打开其编辑窗口。将小飞机的图片设置为“Alpha”(阿尔法)透明方式,并将它拖到第一棵树的左边,如图5-35所示。

图5-35 各图像的位置
(4)拖入一个“移动”图标,命名为“移1”,双击该图标并打开其属性面板,将选项“Timing”(计时)下方的输入框中的数字改为“3”,然后用鼠标单击演示窗口中的马的图片,再将其从树1的左边拖动到树1的右边,如图5-36所示。
(5)拖动一个“移动”图标,命名为“移2”,双击该图标并打开其属性面板,将选项“Type”(类型)改为“Path to End”(指向固定路径的终点),在选项“Layer”后输入“2”,将选项“Timing”(计时)下方输入框中的数字改为“3”,然后用鼠标拖动演示窗口中的小飞机并设置如图5-37所示的其移动的路径。
图5-36 设置图像移动位置
图5-37 设置小飞机移动的路径
(6)拖入一个“移动”图标,命名为“移3”,双击该图标并打开其属性面板,属性的设置和移动“图标”“移1”设置相似,只是将图标从“树3”的左边移到“树3”的右边。
(7)运行程序就可以查看移动的效果,“马”在移动过程中会被“树1”和“树3”挡住,在“树2”的前面经过。
1.3个“移动”图标的设置顺序不能改变,否则运行位置很难确定。
2.“移动”图标属性中设置的层移动对象层的影响:若“移动”图标属性中未指定层数,则在移动过程中,移动对象的层数由该对象所在的显示图标属性中的层数决定;若在“移动”图标属性中指定了层数,则在移动过程中,移动对象的层数与“移动”图标属性中的层数一致,而不论该对象所在的显示图标属性中的层数设置为多少。
3.设置“移动”图标之前,要先打开移动对象所在的图标。
从以上内容可以看出,在Authorware 7.0中,要让对象运动起来并不困难,但要灵活控制各种运动方式,就需要用到变量与函数,这些内容将在以后的章节中涉及。
5.3 小 结
本章详细介绍了“移动”图标的5种移动类型,Authorware 7.0提供的动画移动功能虽然简单,但利用5种移动类型制作动画,也能有很好的效果。
·《Authorware7.0基础与实例教程》上市