Flash拼图游戏制作制作的原理是:对不规则的图片进行拖动组合,拼成完整的图片。而如何图片的拖动是Flash拼图游戏制作成功的关键。下面我们就为大家创建一个Flash拼图游戏以便让用户能移动并集合成完整图形的步骤。
1. 下载并打开源文件(drag-puzzle_begin.fla),然后从这里开始。
2. 已经可以在“pieces”层看见拼图的图块。每个图块都是一个影片剪辑。
3. 首先,在舞台上给每个影片剪辑取实例名,类似p1_mc,p2_mc,p3_mc,p4_mc, p5_mc……
4. 然后在时间线上新建一层,名为actions,并锁定层。
5. 现在第一帧上按F9,打开脚本面板输入以下代码:
var pieces : Array = [p1_mc, p2_mc, p3_mc,
p4_mc, p5_mc, p6_mc,
p7_mc, p8_mc, p9_mc];
for (var i:int=0; i<pieces.length; i++) {
pieces[i].buttonMode = true;
pieces[i].addEventListener(MouseEvent.MOUSE_DOWN, startMove);
pieces[i].addEventListener(MouseEvent.MOUSE_UP, stopMove);
}
function startMove(evt:MouseEvent):void{
evt.target.startDrag();
}
function stopMove(evt:MouseEvent):void{
evt.target.stopDrag();
}
解释以上的代码,开始我们声明一个数组来保存拼图游戏中所有用到的影片剪辑实例。然后,在"for loop"上,使用for each块来循环数组。
- 设置按钮模式为true以便当鼠标悬停的时候显示鼠标指针。
- 然后加入事件侦听器,一个用于侦听鼠标按下事件,一个用于鼠标松开事件。
通过调用startDrag方法,starMove函数将能处理鼠标按下事件的逻辑
通过调用stopDrag方法,stopMove函数将能处理鼠标松开事件的逻辑
7. 测试影片(Ctrl + Enter)了解一下拼图游戏的运行过程。
以上就是Flash拼图游戏制作的整个步骤,赶紧来常识一下Flash拼图游戏制作吧,看看能否实现所需要的功能。如果可以那么,你对Flash小游戏制作的基础已经掌握的很牢固了,可以继续深入了解更难的Flash小游戏制作知识了。