Flash游戏制作：七巧板

作者佚名技术来源服务器技术浏览发布时间 2012-07-14

　大家小时候一定都玩过七巧板这个游戏吧,使用七块形状各异的小板,经过一番思考可琢磨后,就可以拼出各种各样的形状,现在想起来真的很怀念,今天我们就用Flash制作一款这样的七巧板游戏,一起来回忆美好的童年。

　　游戏玩法:
　　游戏界面的右下方摆着我们熟悉的七巧板，我们可以使用鼠标将每块小板拖动到上面蓝色的区域。蓝色区域右上角用浅蓝色显示要求你拚出的图案，玩家可以按照此图将七块小板组合在一起，如果最后能成功地将小板组合成所给的图案,则游戏胜利。游戏过程中每点击小板上的蓝色小圈，小板则顺时针旋转45度。

　　游戏的左下角有三个功能按钮。“其它图形”按钮用来改变所给图案。“答案”按钮可以将所给图案分解为七部分，这样就可以看出原始图案是如何组成的。“重新开始”按钮可以清除蓝色区域中的小板,使游戏重新开始。
?
　　制作思路:
　　游戏的制作思路比较简单,关键要实现的是小板的旋转控制。游戏中小板旋转控制的实现很简单,只需要设置Movie clip元件的Rotation属性即可。如果要实现不间断的顺时针旋转，需要先记录前一位置的角度，给一个45度的增量，再设置旋转角度。

　　制作步骤:
　　
　　一、首先需要制作七块形状不同的小板

　　1.因为游戏中提供了如图2所示的拼图答案，所以先来制作七块用做答案图形的小板。

图2　
　　2.新建一个Graphic元件.命名为1g,在后面的元件中,都采用数字+元件类型的命名方法,例如1g中的1表示第一个图形,g表示元件类型为Graphic,进入元件编辑区后,使用直线工具绘制一个三角形,然后选择Modify/Group命令将三条直线群组起来,如图3所示:

图3

　　3.接下来制作游戏中使用的小板,因为游戏中可以随意对小板进行拖动,所以需要将小板制作为Button按钮元件。新建一个Button元件,命名为1b,进入元件编辑区后,在Up帧使用绘图工具绘制一个形状和图3中三角形一样的带有填充色的三角形,如图4所示:

图4

　　4.游戏中需要对小板进行旋转操作,每点一下小板上的小圈,便可旋转45度，所以用于小板旋转的小圈也要制作成Button按钮元件。新建一个Button元件,命名为rotation,进入元件编辑区后,在Up帧使用椭圆工具绘制一个小的正圆即可,填充颜色设置成和图4中图形一样,轮廓线选淡蓝色,如图5所示:

图5

　　5.接下来将元件1b和rotation组合成最终的小板,而游戏中需要使用Action动作脚本对小板进行旋转控制,所以这里的组合体应该制作成Movie clip元件。新建一个Movie clip元件,命名为1m,进入元件编辑区后,分别将元件1b和rotation拖到编辑区中,移动Rotation 对象到三角形上合适位置,如图6所示:

图6

　　6.最后给三角形小板按钮添加如下Action:

　　on (press) {
　　　　?startDrag("");
　　}
　　//当按下鼠标的时候,可以拖动此按钮

　　on (release) {
　　　　?stopDrag();
　　}
　　//当释放鼠标的时候,拖动停止

　　给控制旋转的圆圈按钮添加如下Action:
　　on (press) {
　　　　?elrotation = getProperty("", _rotation);　　//用变量elrotation记录当前的旋转角度
　　　　?elrotation = Number(elrotation)+45;　　//设置变量值为当前角度加45度
　　　　?setProperty("", _rotation, int(eval("elrotation")));
　　　　//按照新的旋转角度值旋转对象
　　}

　　这样,七巧板中的一个小板就制作完成了,可以看到，制作一个小板需要相应的制作三个不同的元件。
　　按照类似的方法制作其它六个小板，共18个元件。具体情况可以查看提供的源文件,最后图库如图7所示:

图7

　　二、接下来布置场景。

　　1.?回到主场景中,设置影片大小为440px*550px,背景色为淡蓝色。

　　2.?将当前默认图层改名为background，使用矩形工具在舞台上绘制一个正方形

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

1 2 下一页

分享到：更多

你可能对下面的文章感兴趣

上一篇: Flash制作可拖动的下拉菜单下一篇: 轻松打造Flash帧速率测试器

关于Flash游戏制作：七巧板的所有评论

随机推荐