FLASH CS6怎么制作一款简单的拼图游戏?

所属分类: 媒体动画 / Flash教程 阅读数: 79
收藏 0 赞 0 分享

flash cs6中想要制作一款简单的拼图游戏,该怎么制作呢?下面我们就来看看flash代码制作拼图游戏的教程,请看下文详细介绍。

1、打开FLASH CS6软件,选择AS3文档

2、找一张自己喜欢的图,放到舞台上。

3、画一个和这个图片一样大小的线框,并进行划分,可分为3x3,4x4或其它,为了方便,我们分成四块。画完后CTRL+B就可以打散了。

4、将这四块分别转换为影片剪辑,并设置实例名依次为p0,p1,p2,p3,如果有更多也要按这种规律进行设置。

5、复制这四个影片剪辑,如下图。

6、修改它们的实例名为mc0,mc1,mc2,mc3,注意要和前面的序号保持一致。

7、在主时间轴写如下代码:

 

import flash.display.MovieClip; 
var count:int=4;//图块数量 
init();//初始化 
function init():void 
{ 
for(var i:int=0;i{ 
this["p"+i].alpha=0.1;//设置放置区域的四个图块的透明度 
this["mc"+i].addEventListener(MouseEvent.MOUSE_DOWN,StartDragEvent);//添加鼠标按下拖动事件 
this["mc"+i].addEventListener(MouseEvent.MOUSE_UP,StopDragEvent);//添加鼠标弹起停止拖动事件 
} 
} 
function StartDragEvent(e:MouseEvent):void 
{ 
var obj:MovieClip=e.currentTarget as MovieClip; 
this.setChildIndex(obj,this.numChildren-1);//将被拖动的图块放到最上层 
obj.startDrag();//开始拖动 
} 
function StopDragEvent(e:MouseEvent):void 
{ 
var obj:MovieClip=e.currentTarget as MovieClip; 
obj.stopDrag();//停止拖动 
var t:int=int(obj.name.slice(2));//获取图块的序号,这就是为什么要和位置图块一致 
if(Math.abs(obj.x-this["p"+t].x)<20&&Math.abs(obj.y-this["p"+t].y)<20)//如果正确位置的图块和拖动图块的位置相差不超过20像素,则拼图成功。 
{ 
this["p"+t].alpha=1; 
obj.visible=false; 
} 

8、CTRL+ENTER就可以进行拼图操作了,这里只是基本的拼图过程,其它如开始和重新开始,计时、分数等内容,就需要自己进行发挥了。

以上就是flash cs6制作拼图游戏的教程,希望大家喜欢,请继续关注脚本之家。

相关推荐:

FLASH CS6怎么制作控制视频的按钮?

flash cs6怎么制作雪花飞舞的动画?

flash怎么抽签? flash签筒摇动抽签动画的做法

更多精彩内容其他人还在看

flash制作可爱的简单线条笑脸

这篇教程是向脚本之家的朋友介绍flash制作可爱的简单线条笑脸方法,教程制作出来的笑脸非常可爱,而且方法不是很难,推荐过来,大家一起来学习吧
收藏 0 赞 0 分享

flash中制作文字按照顺序显示出来的gif动画

这篇教程是向脚本之家的朋友介绍flash中制作文字按照顺序显示出来的gif动画方法,教程制作出来的动画效果非常漂亮,难度不是很大,推荐过来,大家快快来学习吧
收藏 0 赞 0 分享

flash制作一个一个字的冒出来的打字效果

这篇教程是向脚本之家的朋友介绍flash制作一个一个字的冒出来的打字效果方法,教程很简单的,很适合新手来学习,推荐到脚本之家,喜欢的朋友快快来学习吧
收藏 0 赞 0 分享

用flash制作画卷展开、合拢的gif动画效果

这篇教程是向脚本之家介绍用flash制作画卷展开、合拢的效果方法,教程制作出来的效果很不错,难度不是很大,推荐到脚本之家,喜欢的朋友快快来学习吧
收藏 0 赞 0 分享

flash怎么制作太阳月亮地球演示动态图?

flash怎么制作太阳月亮地球演示动态图?这个动图的制作过程很麻烦,因为出现的元素很多,下面我们就来看看绘制的图文教程,每一步都有,参数很清楚,想学习的朋友可以进来参考一下
收藏 0 赞 0 分享

flash制作一闪一闪的gif动画文字按钮效果

这篇教程是向脚本之家的朋友介绍flash制作一闪一闪的gif动画文字按钮效果方法,教程真的很不错,制作出来的效果很漂亮,推荐过来,一起来学习吧
收藏 0 赞 0 分享

在flash中制作由花生组成的好看花型

这篇教程是向脚本之家的朋友介绍在flash中制作由花生组成的好看花型方法,教程制作出来的图形很漂亮,难度也不是很大,推荐到脚本之家,喜欢的朋友一起来学习吧
收藏 0 赞 0 分享

flash逐帧动画制作全过程解析

这篇教程是向脚本之家的朋友分享flash逐帧动画制作全过程,教程非常基础,很适合新手来学习,推荐过来,有兴趣的朋友可以过来学习
收藏 0 赞 0 分享

flash引导层动画:引导层制作飞行的飞机

这篇教程是向脚本之家的朋友分享flash引导层动画:引导层制作飞行的飞机教程,教程真的很不错,很适合新手来学习,推荐到脚本之家,喜欢的朋友快快来学习吧
收藏 0 赞 0 分享

Flash把静态的水的图片制作成形象逼真的水波效果

这篇教程是向脚本之家的朋友分享Flash把静态的水的图片制作成形象逼真的水波效果方法,教程真的很不错,很值得大家学习,推荐到脚本之家,喜欢的朋友快快来学习吧
收藏 0 赞 0 分享
查看更多