点击这里给我发消息 点击这里给我发消息
首页 > 行业资讯 > flash>详细内容

拼图游戏的制作

添加时间:2010-1-5
    相关阅读: 制作
 点击浏览该文件

看着别人在做拼图游戏,自己心里痒痒,所以也试着做了一个
下面是我的制作步骤,希望能对初学者一些帮助,呵呵 首先选种你想要拼的图片,导入PS中进行裁减 为了制作的方便,我先把网格的大小设置为100象素:“编辑”—“预置”—“参考线、网格和切片”,如下图

按此在新窗口浏览图片


按此在新窗口浏览图片


把图象设置为400*300(这要视具体情况而定的),如下图:

按此在新窗口浏览图片


调整之后的图片如下图:

按此在新窗口浏览图片

然后选择“裁减”工具,按100*100尺寸截取方块,然后裁切,并另存为.jpg 格式的图片,并依次命名
如下图

按此在新窗口浏览图片

按此在新窗口浏览图片

等到全部截取完毕之后,在打开FLASH,把原图片和截取的图片全部导入 在场景的第一贞的安排如下图

按此在新窗口浏览图片


把你截取的图片分别转换为电影剪辑,拖入主场景中,位置如上图,并给每个图片电剪附加代码:
on (press) {
if (((this._x == _root.empty._x) && (Math.abs(this._y-_root.empty._y) == 100)) || ((this._y == _root.empty._y) && (Math.abs(this._x-_root.empty._x) == 100))) {
a = this._x;
b = this._y;
this._x = _root.empty._x;
this._y = _root.empty._y;
_root.empty._x = a;
_root.empty._y = b;
}
}

empty

是图中空白电剪的实例名,这些代码的作用是:判断本电剪和empty电剪的水平、纵向坐标是否相等和坐标之差是否为100。如果满足条件,就让这个电剪和empty电剪的位置互换,以实现图片的移动
注意这里empty电剪只能和正上、正下、正左、正右的图片互换

然后再在第一贞上附加代码:
stop(); if((_root.mc1._x==0)&&(_root.mc1._y==0)&&(_root.mc2._x==100)&&(_root.mc2._y==0)&&(_root.mc3._x==200)&&(_root.mc3._y==0)&&(_root.mc4._x==300)&&(_root.mc5._x==0)&&(_root.mc5._y==100)&&(_root.mc6._x==100)&&(_root.mc6._y==100)&&(_root.mc7._x==200)&&(_root.mc7._y==100)&&(_root.mc8._x==300)&&(_root.mc8._y==100)&&(_root.mc9._x==0)&&(_root.mc9._y==200)&&(_root.mc10._x==100)&&(_root.mc10._y==200)&&(_root.mc11._x==200)&&(_root.mc11._y==200)){
gotoAndPlay(2);
}
是用来判断各个图片的位置是否和条件相符合,如果满足条件,则拼图成功,转到并播放第2贞。如果不满足位置条件,则继续停止在第一贞。从第2贞开始为拼图成功的动画。
好了,到这里就结束了,其中花费我时间最长的是用PS截取图片。可能是刚开始的原因吧,感觉挺费劲的,呵呵,其实做什么事, 都不会很容易的嘛 本文作者:
咨询热线:020-85648757 85648755 85648616 0755-27912581 客服:020-85648756 0755-27912581 业务传真:020-32579052
广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
广州商务地址:广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
= 深圳商务地址:深圳市宝源路华丰宝源大厦606
研发中心:广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册