1、20122013 学年度第一学期初二信息技术教案 教师：刘春良1第 8 单元 flash 实例制作拼图游戏学习目标：学会对图像分割处理，简单设置动作代码学习难点：设置动作代码学习资源：图像若干，鼠标拖动代码复习：自由落体与小球碰撞动画。新课：一、展示拼图游戏动画教师演示拼图游戏动画的例子，分析图像块是放在右边区域，位置是随机的。图像块的拖动需要代码实现。二、制作将舞台设置为 800*600。图像分割：选中一张自己喜欢的图像，拖到舞台上，将图层改为图块层，设置图像大小为 300*300，位置 x,y 都设置为 0。将图像分离，增加一层（改为分割层） ，在其中画直线，将图像分成 9 块，打开标尺，
2、尽量分成一样的大小。然后将所有直线复制到图块层（粘贴到当前位置） ，这样图像就被分成了 9 块。将图块拖到右边空白区域，删除分割线。选中第一块图像，将其转换成影片剪辑元件，命名为 t1。同样对其它复备区20122013 学年度第一学期初二信息技术教案 教师：刘春良28 个图块也作这样的设置(t2-t9)。选中此影片剪辑，在下面的属性中，在实例名称处输入 t1。 同样对其它 8 个图块也作这样的设置(t2-t9)。选中 t1 影片剪辑，单击动作，将影片剪辑鼠标拖动代码复 制过来。on (press) startDrag(this);on (release) stopDrag();同样对其它 8
3、个图块(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;保存测试。20122013 学年度第一学期初二信息技术教案 教师：刘春良3三、小结拼图游戏是利用代码实现的动画，这个动画还可以做的更好，如判断是否成功，图块自动贴合等。四、学生实践完成拼图游戏。五、教后记：
