第8单元flash制作拼图游戏.docx

2012—2013 2012—2013 学年度第一学期初二信息技术教案 教师：刘春良 PAGE PAGE 1 第8 单元 flash实例制作拼图游戏 学习目标：学会对图像分割处理，简单设置动作代码学习难点：设置动作代码 学习资源：图像若干，鼠标拖动代码复习：自由落体与小球碰撞动画。新课： 一、展示拼图游戏动画 复备区 … … … … … … … … … … … … … … … … … … … … 教师演示拼图游戏动画的例子，分析图像块是放在右边区域，位置是。随机的 … … … 图像块的拖动需要代码实现。 … … … 二、制作 … … … 将舞台设置为800*600。图像分割：选中一张自己喜欢的图像，拖到舞 … … … 台上，将图层改为图块层，设置图像大小为300*300，位置x,y都设置为 … … … 0。将图像分离，增加一层（改为分割层，）在其中画直线，将图像分成 … … … 9 块，打开标尺，尽量分成一样的 … … … 大小。然后将所有直线复制到图块 … … … 层（粘贴到当前位置，）这样图像 … … … … … … … … … … …就被分成了9 块。将图块拖到右边 … … … 空白区域，删除分割线。选中第一块图像，将其转换成影片剪辑元件，… 命名为t1。同样对其它8 个图块也作这样的设置(t2-t。9) …选中此影片剪辑，在下面的属性中，在实例名称处输t1入。同样 … … … … 对其它8 个图块也作这样的设置(t2-t。9) … … … 选中t1影片剪辑，单击动作，将影片剪辑鼠标拖动代码复制过来。 … … on (press) { … …startDrag(this); … … } … …on (release) { … … stopDrag(); … }… } … … 同样对其它8 个图块(t2-t也9)作这样的设置。 … … … 再增加一层，改为背景，将图像拖进来，改3为00*300，x,y为 0，转 … … … 换成图形元件，并将alpha设置为10% 。 … … … 回到分割层，沿着图像加个四边形，去除多余的线，形9 个成方格区 … … … 域。选中方格将线条粗细改为3。 … … … …图块随机排放：增加一层，选中空白关键帧，单击动作，将随机排放 … … … …代码复制过来。 … … …stop(); … … for (i=1; i=9; i++) { … … eval(t+i)=._rxandom(300)+400随;/机/ 域内 设置图块的位置于场景一定区 … …… … … … … eval(t+i)._y = random(450)+50; … … … } … … 保存测试。 … … … … 三、小结 拼图游戏是利用代码实现的动画，这个动画还可以做的更好，如判断是否… … …成功，图块自动贴合等。 … … … …四、学生实践 … … … … 完成拼图游戏。 … … … 五、教后记： … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … …