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

所属分类: 媒体动画 / Flash教程 阅读数: 49
收藏 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制作5秒倒计时的gif动画效果

这篇教程是向脚本之家的朋友分享用flash制作5秒倒计时的gif动画效果方法,教程制作出来的效果非常不错,难度不是很大,介绍的也很详细,一起来看看吧
收藏 0 赞 0 分享

flash制作图片椭圆扩展效果方法介绍

这篇文章是向脚本之家的朋友分享flash制作图片椭圆扩展效果方法,教程真的很不错,很值得大家学习,推荐过来,一起来看看吧
收藏 0 赞 0 分享

flash简单制作一个放大镜

今天小编为大家分享flash简单制作一个放大镜方法,教程真的很不错,很值得大家学习,推荐到脚本之家,喜欢的朋友可以参考本文,希望能对大家有所帮助
收藏 0 赞 0 分享

flash8怎么快速绘制对称图形? flash对称图形的制作方法

flash8怎么快速绘制对称图形?flash中想要画一个对称图形,有两种方法,一种是画两个一样的图形调整位置,还有一种就是复制图形翻转一下,下面我们就来看看详细的教程
收藏 0 赞 0 分享

flash怎么制作环形运动的文字动画?

flash怎么制作环形运动的文字动画?flash中制作动画效果很简单,想要制作一个文字环形旋转的动画效果,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

flash怎么制作漂亮的倒计时效果?

flash怎么制作漂亮的倒计时效果?想要制作一个旧影片倒计时的效果,使用flash可以很方便的制作这个动画,下面我们就来看看详细的制作过程,需要的朋友可以参考下
收藏 0 赞 0 分享

flash怎么制作逐渐显示的图片的动画?

flash怎么制作逐渐显示的图片的动画?flash中想要让图片慢慢出现,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Flash怎么制作很梦幻的彩色球体变幻的动画?

Flash怎么制作很梦幻的彩色球体变幻的动画?Flash中想要制作一个球体变幻的动画效果,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

flash怎么制作回旋镖效果的动画?

flash怎么制作回旋镖效果的动画?小时候都玩过回旋镖,用力扔出去还会飞回来,该怎么制作这个动画效果呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

flash利用逐帧动画制作渐隐文字动画教程

flash怎样制作渐隐文字动画?运用flash软件,可以很简单的制作大家想要的效果,下面和小编一起来看看具体步骤吧
收藏 0 赞 0 分享
查看更多