学习用flash制作七巧板教程

学习用flash制作七巧板小游戏

陈宇晖

01、浏览七巧板的基本功能

02、分析制作过程

按钮的制作、按钮的动作

03、布局图层

04、绘制外背景层

05、按钮的制作

分别制作如下按钮

06、制件七巧板按钮的按下时鼠标跟随，松开时停止鼠标跟随。

制作小技巧：在场景中画一个正方形，再按比例切割成下图

依次选中一块把它转换成影片剪辑(中心点请放在右上角，方便写代码)再进入这个影片剪辑把它转换成按钮元件，在这个影片剪辑里输入下面代码

on (press) {

startDrag("");

}

on (release) {

stopDrag();

}

其余六个同上制作。

为七巧板按钮制作旋转动作

on (press) {

_root.m1._rotation += 45;//这块七巧板在场景中的命名是“m1”

}

再做三个按钮

动画制件过程：

1、设置影片大小为440px*550px，背景色为淡蓝色。

2、按上面要求制作按钮。

3、回到主场景中。将当前默认图层改名为背景层，使用矩形工具在舞台上绘制一个正方形,填充颜色为蓝色,作为游戏的拼图区域,将其放置在舞台中靠上的位置。然后在舞台左下角使用文本工具输入说明信息，提醒玩家点击小板上的圆圈可以将小板旋转,最后将图层延续到第10帧,如下图所示;

4、新建一个七巧板图层，将制作好的七个小板拖到舞台中,然后按照下图所示摆放好。分别给七个小板设置实例名为:m1、m2、m3、m4、m

5、m

6、m7。

5、然后新建两个图层“图形层”和“答案层”，分别放置游戏中的目标图案和拼图的答案。在图层“图形层”的第1,3,5,7,9帧分别插入关键帧，在每一关键帧绘制目标图案，例如第1关键帧中的图案如下图所示:

所绘制的图案可以自己确定。

案的答案，可以根据前一帧的图案,使用元件的边框元件进行组合。

按钮,然后摆放到舞台的左下角。

分别在第1、3、5、7、9帧插入关键帧。

回到第1帧，给图中第1个按钮（其他图形）添加AS;

on (press) {

gotoAndStop(3);

}

//因为第1、3、5、7、9帧中放置的是目标图案，所以此按钮的跳转目标是这些帧，后面那些帧中此按钮的AS的道理也一样。

给第2个按钮（答案）添加AS:

on (press) {

gotoAndStop(2);

}

//因为1,3,5,7,9帧中的图案的答案都在下一帧，所以要看第一帧图案的答案要跳到第2帧,后面帧中此按钮的AS含义也相似

给第3个按钮（重新开始）添加AS:

on (release) {

m1._x = 159.8;

m1._y = 505.7;

m1._rotation = 0;

m2._x = 181.8;

m2._y = 447.9;

m2._rotation = 0;

m3._x = 225.3;

m3._y = 502.9;

m3._rotation = 0;

m4._x = 262.4;

m4._y = 438.8;

m4._rotation = 0;

m5._x = 272.9;

m5._y = 493.1;

m5._rotation = 0;

m6._x = 340.6;

m6._y = 446.9;

m6._rotation = 0;

m7._x = 386.6;

m7._y = 493.3;

m7._rotation = 0;

}//分别设置七块板的坐标,使它们回到舞台右下角的初始位置,这样就相当于将蓝色区域的小板清除,可以重新玩。

7、最后还要插入一个图层action，将第1帧添加AS：

stop();。

这样,一款七巧板游戏就制作完成了,游戏的制作过程很简单，所用的Action也很简单，关键还是制作过程中耐心。如果你有兴趣,可以绘制更多的图案出来,那么这款游戏的可玩性就更大了

08、测试影片