第8单元flash制作拼图游戏
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
…………………………………………………………………………………………………………………………………………………………
第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;
}
保存测试。
三、小结
………………………………………………………………………………………………………………………………………………………… 拼图游戏是利用代码实现的动画,这个动画还可以做的更好,如判断是否成功,图块自动贴合等。
四、学生实践
完成拼图游戏。
五、教后记: