如何用Authorware-目标区交互做拼图小游戏
的有关信息介绍如下:目标区交互响应通过用户拖动对象到指定的区域而触发响应,因此可以用此功能做一个简单的拖动图片完成拼图的小游戏~
新建一个文件,保存。
在属性面板中设置程序窗口大小为“根据变量”,这样可以根据需要来调整程序窗口的大小
通过Photoshop将喜欢的图片去色,作为背景。
我这里只准备把图中的6个人物作为拼图,所以只选择了人物选区来去色。
将喜欢的图片拆分成块状,作为拼图块儿。
我这里直接把6个人物抠了出来,背景是透明的,每个人物保存为一个文件。
在Authorware中拖动一个“显示”图标到流程线上,重命名为背景。
双击打开,插入刚刚做好的去色图片,并调整演示窗口大小。
拖动一个“群组”图标到流程线上,重命名为拼图块儿。
双击该群组图标,在打开的窗口中添加一个“显示”图标到流程线上,重命名为小女孩。
双击该显示图标,把准备好的拼图块之一插入进来,注意选择阿尔法显示模式,这样块儿的背景会是透明的,把块儿随便摆个位置。
按上一步的方法,添加完其他几个拼图块儿。
拖放一个“交互”图标到流程线上,重命名为拼图。
拖放一个“群组”图标到交互图标右侧,在弹出的对话框中单击“目标区”单选按钮,建立一个“目标区”交互分支,命名为“拼小女孩块儿”。
运行程序,这是程序会在交互结构处暂停,等待指定“拼块儿”交互分支的目标对象,单击设计窗口中的小女孩图片作为目标对象,调整目标区域大小正好包含整个图片。
拖动小女孩图片到背景图片中小女孩所在的位置,并选择属性面板中“放下”下拉列表中的“在中心定位”选项,这样,当图片拖放到目标位置时,会自动安放在目标区域的中心位置。
同上步骤完成其他几个块儿的操作,摆放在背景中正确的位置。
继续拖放一个群组图标到“拼爸比块儿”右侧,交互类型为“目标区”,重命名为“拼错啦”。
单击该交互标志调出交互属性面板,选择目标区选项卡,如图做出修改。
这样如果把拼图块儿拖到了错误位置,图片将会自动返回到原来的位置。
运行程序进行测试,拖动块儿到相应位置来完成拼图。
(看,还剩小男孩没拼上了哈~)