益智拼图游戏——七巧板

益智拼图游戏——七巧板
一、 新建一个 flash文档，点文件保存文件。设置文档属性高宽
为 600*550， 背景色为一种淡颜色如#FECCFE,其他默认， 取名七巧板，
保存文件。
二、制作七巧板元件
1、在场景中右键点击场景，选择“显示网格” ，然后选中图层
一的第一帧，选择矩形工具，无笔触，填充色任意，画一个180*180
的正方形，并与网格线的边缘紧贴。如下图
2、巧妙切割七巧板的各图形元件：选择线条工具，笔触颜色为
白色，在矩形上用线条将正方形切割。切割时如果要切成合格的七巧
板，也很讲究切割方式，可参考下图的切割步骤（注意每步都要同时
按住 Shift 键，才能保证画出的线条都是水平、竖直或者是成45 度） 。
最后形成的小图形只有等腰三角形、正方形和平行四边形。如图：
3，用选择工具分别点显每个小图形，改变各自的填充色，使每
个小图形的颜色不同，并分别将每个小的图形转换成影片剪辑元件，
分别取名为qq1,qq2,qq3,qq4,qq5,qq6,qq7。 然后将所画线条删除。 如图:
4，双击其中一个影片剪辑无件，进入它的编辑区，使用椭圆工
具，关掉笔触，填充色为放射状：两个色标左为绿色，右为黑色。画
一个15*15 的正圆，打开对齐面板把圆进行全居中。然后右键选中圆
转换为影片剪辑，取名： “旋转” ，并打开属性面板，添加实例名为“旋
转” ，如图：
5，把另外的六个元件按上述方法操作，也可以在进入它们的编
辑区后，直接从库里把影片剪辑“旋转”拖进来，然后选择全居中对
齐，并且都要在相应的属性里添加实例名： “旋转” 。全部制作完成的
七巧板元件如图：
三、制作三种图形元件：
1，把七个元件拼成正方形，并分别选中每个元件，打开属性
面板，颜色选择： “色调” ，改为黑色。然后框选正方形，点“修改”
——“组合” ，并转换为元件，行为“影片剪辑” 。如图：
2，用同样方法分别做成刺猬和猫的影片剪辑。刺猬和猫这两个
影片剪辑的形状分别如下图：
四、组织场景：
1，分别建立六个图层，取名由下至上依次是：正方形、刺猬、
猫、七巧板、按钮和 AS。
2，分别把正方形、刺猬和猫三个影片剪辑拖到相应图层的第一
帧，并且放到自己认为合适的位置，并且在相应的属性面板里输入分
别实例名：正方形、刺猬和猫。（在拖入的时候，为了方便设置其它
的影片剪辑的位置，可以设置一个关闭一个图层的眼睛。）
3，在七巧板图层，分别从库里拖入七个七巧板的影片剪辑，分
别在属性面板里输入实例名：qq1,qq2,qq3,qq4,qq5,qq6,qq7。这时候打
开全部图层的眼睛，把七个元件放到图形的四周，尽量不与那三个形
状重叠。并记下七个影片剪辑的坐标值，方便后面输入语句的时候添
加它们的坐标值。选中其中一个元件，打开动作面板：输入语句：
on (press) {
if (this.旋转.hitTest(_root._xmouse, _root._ymouse)) {
this._rotation += 45;
} else {
this.startDrag();
}
}
on (release) {
this.stopDrag();
}
其它的六个元件也是一样的语句。
4，制作四个按钮元件：在按钮图层的第一帧，无笔触，填充色
任意，选择矩形工具画一个 100*29 的矩形，并复制出三个，分别在
场景的底部排列整齐，然后分别选中转换为元件，行为：按钮。并进
入各个按钮的编辑区，分别添加文字：正方形、刺猬、猫和清空。（按
钮了可以随自己喜欢制作，但要写上相应的文字），如图：
5，在 AS 层第一帧，打开动作面板，输入：
_root.正方形._alpha = 0;
_root.猫._alpha = 0;
_root.刺猬._alpha = 0;
意思是设置这几个影片剪辑的透明度为0。也就是开始时候不可
见。
6，按钮语句的输入：
（1）正方形按钮：
on (release) {
_root.正方形._alpha = 100;
_root.猫._alpha = 0;
_root.刺猬._alpha = 0;
}
（2）刺猬按钮：
on (release) {
_root.正方形._alpha = 0;
_root.猫._alpha = 0;
_root.刺猬._alpha = 100;
}
（3）猫按钮：
on (release) {
_root.正方形._alpha = 0;
_root.猫._alpha = 100;
_root.刺猬._alpha = 0;
}
（4）清空按钮：
on (release) {
_root.正方形._alpha = 0;
_root.猫._alpha = 0;
_root.刺猬._alpha = 0;
_root.qq1._x = 62.8;
_root.qq1._y = 299.6;
_root.qq2._x = 187.3;
_root.qq2._y = 343.9;
_root.qq3._x = 172.7;
_root.qq3._y = 66.5;
_root.qq4._x = 491.1;
_root.qq4._y = 57.3;
_root.qq5._x = 544.4;
_root.qq5._y = 211.6;
_root.qq6._x = 566.9;
_root.qq6._y = 329.7;
_root.qq7._x = 101.0;
_root.qq7._y = 102.3;
}
这里七个七巧板元件的坐标值就是你放到场景里相应影片剪辑
的坐标值。各人放置的位置不同，输入的值就不同。最后完成设置的
场景如 图 ：
时间轴如图：
至此，这个七巧板拼图游戏的制作全部完成，测试，如果满意就
保存；不满意再修改一下，如果无论怎么样修改都不满意，就把它扔
垃圾桶里，顺便骂隽永几句——因为他浪费了你的宝贵时间。呵呵