Flash游戏制作——小熊拼图.pdfVIP

本文由乌月风随贡献 游戏制作小熊拼图 Flash 游戏制作--小熊拼图 [02-9-4 10:43] 出处：PConline 责任编辑：jlj 作者：flashsj 内容搜索 GO 高级搜索 拼图游戏是大家比较熟悉的一种游戏，小时候经常会玩到这个益智游戏，面前摆着一堆小方块，拼来拼去，今 天 我们就使用 Flash 重新演绎这个经典的游戏，可谓是老树开新花。（本例的.swf 和.fla 文件请点击这里 下载） 游戏主界面如图 1 所示： 图1 游戏主界面的右方是已经被分割的图案碎块，并且已经被打乱排列，左边是拼图的目标区域，我们的任务就是 将 右边的小块图案分别放置到左边的小方格里，如果将所有小块图案全部放置完毕后，能成为一幅完整的图 案，则游戏 成功。 下面我们来进行此游戏的制作。 1．首先需要选择一幅合适的图片，我们选择文件/导入命令，从外部导入一副小熊的图片到影片中，然后使用 Ctrl+b 快捷键将图片打散，如图 2 所示： 图2 2．然后使用直线工具，在打散后的图形上横向绘制六条直线，纵向绘制两条直线，将图形分成 3*7=21 块， 如图 3 所示： 图3 3．因为游戏中需要使用鼠标拖动小的图案，所以分别选择每一块被分割的图案，将其转换成 Button 元件， 分别 命名为 o1 到 o21。 4．判断游戏是否胜利，需要借助于 Action 动作脚本，通过动作脚本判断每块小图案是否在其应在的位置， 所以 还需要将按钮 o1 到 o21 转换成 Movie clip 影片剪辑，转换方法基本上相似，下面就以将按钮 o1 转 换成影片剪辑 m1 为例，进行说明。 file:///G|/Documents and Settings/Lch/桌面/wenkuxiazai/Download/计算机/Flash游戏制作——小熊拼图.txt [2012-3-14 18:45:03] 新一个 Movie clip 影片剪辑，命名为 m1,进入元件的编辑区后，将元件 o1 拖到图层 layer1 中，并在第 5 帧插入 一个关键帧，然后添加图层 layer2,分别在第 1,2,5 帧插入关键帧，然后给第 1 帧添加如下 Action 动作脚本： x = getProperty(/1, _droptarget); //取得主场景中实例名为 1 的影片剪辑的_droptarget 属性值，并赋值给变量 x，_droptarget 属性用来表 示 MC 被放 下的绝对路径 if (x eq /yer1) { setProperty(/1, _x, getProperty(/yer1, _x)); setProperty(/1, _y, getProperty(/yer1, _y)); gotoAndStop(5); }//如果 x 也就是小图案被放下的位置和其对应的矩形位置一致的话，说明小图案的位置正确，然后设置小图 案的坐 标值为小矩形的坐标值，然后执行第 5 帧 给第 2 帧添加如下 Action 动作脚本： gotoAndPlay(1); //返回到第一帧继续判断位置是否正确 给第 5 帧添加如下 Action 动作脚本： stopDrag(); /:correct = Number(/:correct)+1; //如果位置正确，停止拖动小图案 然后给元件 o1 添加 AS: on (press) { startDrag(/1, true); } //按下鼠标，开始拖动小图案 on (release) { stopDrag(); } //释放鼠标，停止拖动小图案 最后时间线如图 4 所示： file:///G|/Documents and Settings/Lch/桌面/wenkuxiazai/Download/计算机/Flash游戏制作——小熊拼图.txt [2012-3-14 18:45:03] 图4 5． 接下来制作游戏界面左边的接收图案的小方块， 一共也需要 21 个， 其制作方法完全相同， 下面以其 中一个 yer1 为例进行说明。 新建一个 Movie clip 影片剪辑元件，命名为 yer1,然后使用矩形工具绘制一个大小适中，填充色为白色，无 轮廓 的矩形，如图 5 所示： 图5 如法炮制，制作出其余 20 个矩形即可。 6．回到主场景中，添加三个图层，由下自上分别命名为