养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

如何用Authorware-目标区交互做拼图小游戏

时间:2024-10-10 10:30:48

目标区交互响应通过用户拖动对象到指定的区域而触发响应,因此可以用此功能做一个简单的拖动图片完成拼图的小游戏~

工具/原料

一张喜欢的图片

Authorware软件

Photoshop软件or背景透明的拼图图片

方法/步骤

1、新建一个文件,保存。在属性面板中设置程序窗口大小为“根据变量”,这样可以根据需要来调整程序窗口的大小

如何用Authorware-目标区交互做拼图小游戏

2、通过Photoshop将喜欢的图片去色,作为背景。我这里只准备把图中的6个人物作为拼图,所以只选择了人物选区来去色。

如何用Authorware-目标区交互做拼图小游戏

3、将喜欢的图片拆分成块状,作为拼图块儿。我这里直接把6个人物抠了出来,背景是透明的,每个人物保存为一个文件。

如何用Authorware-目标区交互做拼图小游戏

4、在Authorware中拖动一个“显示”图标到流程线上,重命名为背景。双击打开,插入刚刚做好的去色图片,并调整演示窗口大小。

如何用Authorware-目标区交互做拼图小游戏

5、拖动一个“群组鹁鼍漉糍”图标到流程线上,重命名为拼图块儿。双击该群组图标,在打开的窗口中添加一个“显示”图标到流程线上,重命名为小女莰淇毵荻孩。双击该显示图标,把准备好的拼图块之一插入进来,注意选择阿尔法显示模式,这样块儿的背景会是透明的,把块儿随便摆个位置。

如何用Authorware-目标区交互做拼图小游戏

6、按上一步的方法,添加完其他几个拼图块儿。

如何用Authorware-目标区交互做拼图小游戏

7、拖放一个“交互鹁鼍漉糍”图标到流程线上,重命名为拼图。拖放一个“群组”图标到交互图标右侧,在弹出的对话框中单击“目标区”单选按钮,建立一个“目标区”交互分支,命名为“拼小女孩块儿”。

如何用Authorware-目标区交互做拼图小游戏

8、运酚祯馄嫱行程序,这是程序会在交互结构处暂停,等待指定“拼块儿”交互分支的目标对象,单击设计窗口中的小女孩图片作为目标对象,调整目标区域大小正好包含整个图片。拖动小女孩图片到背景图片中小女孩所在鹚兢尖睁的位置,并选择属性面板中“放下”下拉列表中的“在中心定位”选项,这样,当图片拖放到目标位置时,会自动安放在目标区域的中心位置。

如何用Authorware-目标区交互做拼图小游戏

如何用Authorware-目标区交互做拼图小游戏

9、同上步骤完成其他几个块儿的操作,摆放在背景中正确的位置。

如何用Authorware-目标区交互做拼图小游戏

10、继续拖放一个群组图标到“拼爸比块儿”右侧,交互类型为“目标区”,重命名为“拼错啦鹁鼍漉糍”。单击该交互标志调出交互属性面板,选择目标庐舌垩卫区选项卡,如图做出修改。这样如果把拼图块儿拖到了错误位置,图片将会自动返回到原来的位置。

如何用Authorware-目标区交互做拼图小游戏

11、运行程序进行测试,拖动块儿到相应位置来完成拼图。(看,还剩小男孩没拼上了哈~)

如何用Authorware-目标区交互做拼图小游戏

© 一点知识