第8单元flash制作拼图游戏

…………………………………………………………………………………………………………………………………………………………
第8单元 flash 实例制作拼图游戏
学习目标：学会对图像分割处理，简单设置动作代码
学习难点：设置动作代码
学习资源：图像若干，鼠标拖动代码
复习：自由落体与小球碰撞动画。

新课：
一、展示拼图游戏动画
教师演示拼图游戏动画的例子，分析图像块是放在右边区域，位置是随机的。

图像块的拖动需要代码实现。

二、制作
将舞台设置为800*600。

图像分割：选中一张自己喜欢的图像，拖到舞台上，将图层改为图块层，设置图像大小为300*300，位置x,y 都设置为0。

将图像分离，增加一层（改为分割层），在其中画直线，将图像分成
9块，打开标尺，尽量分成一样的
大小。

然后将所有直线复制到图块
层（粘贴到当前位置），这样图像
就被分成了9块。

将图块拖到右边
空白区域，删除分割线。

选中第一块图像，将其转换成影片剪辑元件，
复备区
…………………………………………………………………………………………………………………………………………………………
命名为t1。

同样对其它8个图块也作这样的设置(t2-t9)。

选中此影片剪辑，在下面的属性中，在实例名称处输入t1。

同样对其它8个图块也作这样的设置(t2-t9)。

选中t1影片剪辑，单击动作，将影片剪辑鼠标拖动代码复制过来。

on (press) {
startDrag(this);
}
on (release) {
stopDrag();
}
同样对其它8个图块(t2-t9)也作这样的设置。

再增加一层，改为背景，将图像拖进来，改为300*300，x,y 为0，转换成图形元件，并将alpha 设置为10%。

回到分割层，沿着图像加个四边形，去除多余的线，形成9个方格区域。

选中方格将线条粗细改为3。

图块随机排放：增加一层，选中空白关键帧，单击动作，将随机排放代码复制过来。

stop();
for (i=1; i<=9; i++) {
eval("t"+i)._x = random(300)+400;//随机设置图块的位置于场景一定区域内
eval("t"+i)._y = random(450)+50;
}
保存测试。

三、小结
………………………………………………………………………………………………………………………………………………………… 拼图游戏是利用代码实现的动画，这个动画还可以做的更好，如判断是否成功，图块自动贴合等。

四、学生实践
完成拼图游戏。

五、教后记：。