flash拼图游戏.doc

做好的成品如下:可以用鼠标将右边的图像碎片拖到左边的方框内的合适位置,为方便大家找位,游戏给出了一个提示按钮作参考。游戏还设计了一个“吸附”功能,能够将拼图片轻松地整齐排列,同时游戏还会自动判断拼图是否全部正确完成。
制作步骤:
第一步:图片的准备工作
既然是拼图,当然首先就要有图片了,通过Fireworks或者PhotoShop将其切割成9块(每块75*100px),然后分别保存成9个jpg小图片备用,名称最好有一定规律,比如我将他们分别命名为p1~p9。
第二步:建立Flash文件
打开Flash,新建flash文件,画面大小改为550*400px,可以选择个背景颜色。
第三步:制作用来判断位置的影片剪辑
在场景中添加9块已经处理好的小图片,然后按照原图顺序摆放在场景的左边。然后按顺序为这些影片剪辑命名d1~d9,(Ctrl+A),将他们的Alpha属性设置为100%。
第四步:制作用来拖拽的MC
这是比较重要的一步,我们将利用这个MC来实现图块的拖拽以及位置的判断,在这里我们运用了MC中嵌套按钮的方法以实现代码重用,这是个很重要的方法.
然后按乱序排列这些用来拖拽的影片剪辑图片。并为影片剪辑中的按钮对象添加AS代码。
on (press) {
startDrag("", true);
}
on (release) {
stopDrag();
obj = "/d9";
if (_droptarget == obj) {
setProperty("", _x, getProperty(obj, _x));
setProperty("", _y, getProperty(obj, _y))