flash拖拽游戏制作
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
用Flash制作拖拽拼图游戏当你在别人的网页中看到一幅有趣的拼图时,是不是也很想亲自制作一个,放在自己的网页中呢?今天就和我一起来制作吧!
制作拖拽拼图需要用到f lash中的三个对象:图片(Graphi c)、按钮(Button)和动画片段(MovieClip)。
首先,打开Flas h 5,新建一个文件。
选择“File→Import”或直接按Ct rl+R来导入一张图片,并给它取名。
接着,用Ctrl+B将其打散,再用工具把图片切割开,这样就形成了两个分离的碎片(如图1)。
图1
有了碎片以后,我们就可以开始制作按纽了。
选中左边的碎片,按下F8键,在弹出的窗口中建立一个新的对象,命名为p1。
同样,将右边的碎片也建立为对象,命名为p2。
接下来,我们按Ctr l+L弹出图符库(Librar y),选取NewSymbol s(左下角的加号图标),在弹出的窗口中输入b1,选取Beha vior为Butto n。
现在,我们就可以定义被拖拽的按钮了。
将已经制作好的对象p1
拖到按钮的Up状态处就可以了,完成后的时间区如图2。
这样,我们就生成了一个不会变化的按钮。
用同样的方法把对象p2制作为按钮b2。
下面,我们就要制作最关键的动画片段(MovieClip)了。
首先,用上面的方法在Libr ary窗口中添加一个新对象,命名为m1,将Behav ior设为Movie Clip。
再把我们制作好的按钮b1拖到这里来。
同样,用b2生成一个动画片段m2。
接着,我们将m1和
m2放到工作区中,再将p1也放上去。
然后右击p1,在弹出的快捷选单中选择Effec t,来调整颜色属性。
图2
用上面的方法将p2也拖到工作区中,调整成同样的颜色。
最后把p1和p2吻合起来。
这样,拼图的底版就制作完成了(如图3)。
下面开始修改p1、p2、m1和m2的Insta nce name。
右击每个对象,在弹出的选单中选择In stanc e,来设置每个对象的
Ins tance Name:m1为1,p1为11,m2为2,p2为22(注意:将p1和p2选择为Mo vie Clip后再定义名称)。
好了,到现在为止,我们的准备工作已经完成啦!小歇一下,我们马上开始程序的编写。
首先,右击Libr ary窗口中的m1对象,在弹出的选单中选择Ac tion,开始设置程序:
On (Press)
StartDrag("/1",lockce nter)
End On
On (Releas e)
Stop Drag
End On
拖拽碎片的程序设置完成了,别高兴得太早!下面我们还需要增加一些小程序:
On (Press)
StartDrag ("/1",lockce nter)
End On
On (Releas e)
Stop Drag
If(_dropt arget eq "/11")
Set Proper ty("/1",X Positi on)=GetPro perty("/11",_x)
Set Proper ty("/1",Y Positi on)=GetPro perty("/11",_y) End If
End On
图3
总算完成了,不过下面你还要耐心地用同样的方法完成另外一个碎片的程序编写。
要说明一下的是:最后还要在整个Movi e 的第一个Frame处加一个a ction=stop,这是为了防止你的动画会不断地循环。
好了,一幅有趣的拖拽拼图就制作完成了,赶快把它保存起来后,亲自来玩儿一下吧!怎么样,你现在的心情是不是很喜悦呀!如果你有兴趣的话,还可以变换不同的图片,来使你的拼图更加美丽、精彩!。