Authorware 实验指导 制作拼图游戏

Authorware 实验指导制作拼图游戏

使用Authorware的目标区交互方式，可以方便地检测某个可拖拽的对象是否位于指定的区域内。本节就将使用Authorware的这一功能，以破碎的9块图像碎片制作一个拼图游戏，如图5-89所示。

图5-89 拼图游戏

制作过程：

（1）打开Authorware7.0，在弹出的【新建】对话框中选择【轻松工具箱】，并单击【确定】按钮。在弹出的【轻松工具箱】对话框中单击【退出】按钮，建立一个空白应用程序，如图5-90所示。

单击确定

单击退出

选择

图5-90 创建空白应用程序

（2）右击主流程线，执行【属性】命令，在弹出的【属性】面板中设置【大小】为“根据变量”，然后在程序主流程线上导入一个【显示】图标，为其添加背景图像素材，并设置大小，如图5-91所示。

导入

图5-91 添加背景素材

（3）在主流程线中插入一个【等待】图标，并在【属性】面板中设置【等待】图标的属性，如图5-92所示。

插入

设置

图5-92 插入并设置【等待】图标

（4）在主流程线中再插入一个【显示】图标，将其命名为“拼图模板”。双击图标，在弹出的【演示窗口】对话框中导入拼图模板的图像，并在【属性】面板中为其添加特效，如图5-93所示。

导入

设置

图5-93 添加拼图模板和特效

（5）在主流程线中插入一个【群组】图标，将其命名为“拼图内容”，双击图标，在图表中的子流程线中导入9张图像，分别为其重命名，如图5-94所示。

导入

图5-94 导入图像并命名

（6）返回主流程线，新建一个“目标区交互”的【群组】图标。在【群组】图标中插入一个【交互】图标，并设置【交互】图标的类型为【目标区】。为【交互】图标右侧添加一个【计算】图标，输入【计算】图标的代码，如图5-95所示。

插入

输入

图5-95 添加【计算】图标并输入代码

（7）双击【计算】图标上方的【目标区】交互图标，然后在【属性】面板中设置目标区交互的属性，如图5-96所示。

设置

图5-96 设置交互图标属性

（8）在【演示窗口】中选择添加的“图片1”图像，为【目标区】图标【属性】面板|【目标区】选项卡|【目标对象】属性设置为“图片1”，并移动交互区到指定的位置，如图5-97所示。

插入

设置

图5-97 设置目标区交互

（9）用同样的方式，在移动图片的【交互】图标右侧添加其他8个图片的【计算】图标，如图5-98所示。

插入

图5-98 添加其他8个目标区交互

（10）在主流程线中再插入一个【交互】图标，命名为“显示预览”。在其右侧添加一个【显示】图标，设置其交互类型为【按钮】。在按钮的显示图标中添加预览图，如图5-99所示。

设置

图5-99 设置显示预览按钮

（11）为“显示预览”的交互图标右侧再添加一个【擦除】图标，设置其将【显示预览】按钮显示的图像擦除，即可完成应用程序的制作，如图5-100所示。

插入

图5-100 添加擦除图标