制作拼图游戏(1)

拼图游戏是人人会玩的简单游戏，它可用来训练一个人的位置、方向概念以及耐心。下面是一个Flash设计的拼图游戏，在游戏开始的时候在空白框的邻近图案上单击鼠标即可移动图片，想重来时单击浏览器的“刷新”按钮，即可再产生一次乱数。

(1) 首先，要选一张大小适中的图片作为游戏的背景图片，如图9-1所示。

图9-1 选择游戏背景图片

(2) 然后使用其他软件切割背景图片，将其切割为多份小张的图片。例如要设计3×3的拼图，那就在绘图软件中裁剪出3×3共9张的小图片，并存成.jpg文件格式，如图9-2所示。

(3) 将这些小图片分别命名为a1,a2,a3^…。在Flash中执行File→Import命令，在打开的Import对话框中选择a0.jpg图片，单击“打开”按钮，将a0.jpg幅图片导入到 Flash 中，如图9-3所示。由于保存的图片是按序列命名的，此时会弹出如图9-4所示的对话框，提示是否将所有序列图片全部导入，单击“是”按钮选择全部导入。

图9-2 分割后的图片

图9-3 Import对话框

图9-4 导入提示

(4) 选择a0.jpg图片，按Ctrl+B组合键将图片打散，然后再按下F8键，在打开的Convert to Symbol对话框，选择Movie Clip单选按钮，然后在Name文本框中输入a0作为该符号的名称，单击OK按钮，创建a0符号。

(5) 按照步骤(4)的方法将其余的图片全部转换为电影夹符号，并用Align面板中的对齐命令使这些图片左右对齐排好位置，如图9-5所示。

图9-5 排好的9幅图片

(6) 在场景中选择a0图片，并在其Properties面板的名称栏中输入一个名称，例如a0图片就叫做 pic0，如图9-6所示。

图9-6 设置图片参数名称

(7) 用相同的方法将其他图片分别名为pic1,pic2,pic3…，如图9-7所示。

图9-7 设置图片参数名称对照

(8) 选择最后一幅图片，将其拖到场景的外面，如图9-8所示。

图9-8 将最后一个图片移到场景外

(9) 在图层面板中单击按钮，新建一个图层作为按钮层，并将其放在刚才的影片组件图层的上方，目的是让鼠标移动到按钮层时，可以引发鼠标按下或放开的事件，如此就可以执行程序中的函数功能。

(10) 选择Insert→New Symbol命令，在打开的Create New Symbos对话框中选择Button单选按钮，并在Name文本框中输入b1，单击OK按钮进入按钮的编辑状态。画一个简单的方形按钮，该按钮必须是实心的，如果是中空的就会让鼠标指针按不到。但是实心的按钮，又会挡到下层的图案层，因此应将这个按钮设计成半透明的，在Color Mixer面板中将Alpha值设为20%，如图9-9所示。

图9-9 创建和设置方形按钮