当你在别人的网页中看到一幅有趣的拼图时，是不是也很想亲自制作一个，放在自己的网页中呢？今天就和我一起来制作吧！
步骤上
当你在别人的网页中看到一幅有趣的拼图时，是不是也很想亲自制作一个，放在自己的网页中呢？今天就和我一起来制作吧！
制作拖拽拼图需要用到flash中的三个对象：图片(Graphic)、按钮(Button)和动画片段(Movie Clip)。
首先，打开Flash 5，新建一个文件。选择“File→Import”或直接按Ctrl+R来导入一张图片，并给它取名。
接着，用Ctrl+B将其打散，再用工具把图片切割开，这样就形成了两个分离的碎片(如图1)。
图1
有了碎片以后，我们就可以开始制作按纽了。选中左边的碎片，按下F8键，在弹出的窗口中建立一个新的对象，命名为p1。同样，将右边的碎片也建立为对象，命名为p2。接下来，我们按Ctrl+L弹出图符库(Library)，选取New Symbols(左下角的加号图标)，在弹出的窗口中输入b1，选取Behavior为Button。现在，我们就可以定义被拖拽的按钮了。将已经制作好的对象p1拖到按钮的Up状态处就可以了，完成后的时间区如图2。这样，我们就生成了一个不会变化的按钮。用同样的方法把对象p2制作为按钮b2。
下面，我们就要制作最关键的动画片段(Movie Clip)了。首先，用上面的方法在Library窗口中添加一个新对象，命名为m1，将Behavior设为Movie Clip。再把我们制作好的按钮b1拖到这里来。同样，用b2生成一个动画片段m2。接着，我们将m1和m2放到工作区中，再将p1也放上去。然后右击p1，在弹出的快捷选单中选择Effect，来调整颜色属性。
图2
用上面的方法将p2也拖到工作区中，调整成同样的颜色。最后把p1和p2吻合起来。这样，拼图的底版就制作完成了(如图3)。
下面开始修改p1、p2、m1和m2的Instance name。右击每个对象，在弹出的选单中选择Instance，来设置每个对象的Instance Name：m1为1，p1为11，m2为2，p2为22(注意：将p1和p2选择为Movie Clip后再定义名称)。
步骤下
好了，到现在为止，我们的准备工作已经完成啦！小歇一下，我们马上开始程序的编写。首先，右击Library窗口中的m1对象，在弹出的选单中选择Action，开始设置程序：
On (Press)
Start Drag("/1"，lockcenter)
End On
On (Release)
Stop Drag
End On
拖拽碎片的程序设置完成了，别高兴得太早！下面我们还需要增加一些小程序：
On (Press)
Start Drag ("/1"，lockcenter)
End On
On (Release)
Stop Drag
If(_droptarget eq "/11")
Set Property("/1"，X Position)=GetProperty("/11"，_x)
Set Property("/1"，Y Position)=GetProperty("/11"，_y)
End If
End On
图3
总算完成了，不过下面你还要耐心地用同样的方法完成另外一个碎片的程序编写。要说明一下的是：最后还要在整个Movie的第一个Frame处加一个action=stop，这是为了防止你的动画会不断地循环。
好了，一幅有趣的拖拽拼图就制作完成了，赶快把它保存起来后，亲自来玩儿一下吧！怎么样，你现在的心情是不是很喜悦呀！如果你有兴趣的话，还可以变换不同的图片，来使你的拼图更加美丽、精彩！
（作者：杨晓）
网友评论