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

所属分类: 媒体动画 / Flash教程 阅读数: 131
收藏 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怎么猜小球位置?FLASH系统中像制作一个小雨藏在三个物体的后面,我们来猜小球在哪里,因为小球不需要被看见,这时候就需要用到不见动画,需要的朋友可以参考下
收藏 0 赞 0 分享

flash模拟弯弓射箭的gif动画效果

这篇教程是向脚本之家的朋友分享flash模拟弯弓射箭的gif动画效果方法,教程模拟出来的效果非常不错,难度不是很大,主要用到了补间动画与形状动画,一起来看看吧
收藏 0 赞 0 分享

flash怎么制作不断变换位置大小的五角星动画?

flash怎么制作不断变换位置大小的五角星动画?像制作一个不断变化的五角星动画,该怎么制作呢?今天我们就来看啊可能一个实例教程,很简单,需要的朋友可以参考下
收藏 0 赞 0 分享

flash怎么使用鼠标绘制一枝桂花枝?

flash怎么使用鼠标绘制一枝桂花枝?想使用flash绘制一幅图,就是开满桂花的桂花枝,该怎么绘制呢?下面我们就来看看flash绘制桂花枝的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

flash怎么绘制逼真的橘子?

flash怎么绘制逼真的橘子?喜欢吃桔子,想自己画一些桔子,该怎么画呢?下面我们就来看看使用flash绘制桔子的详细教程,很简单,需要的朋友可以参考下
收藏 0 赞 0 分享

Flash动画制作基础之元件的制作方法

Flash制作动画的时候,需要掌握原件的制作方法,今天我们就来看看flash原件的制作过程,很简单,下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

flash制作旋转飞舞的雪花

这篇教程是向脚本之家的朋友分享flash制作旋转飞舞的雪花方法,教程制作出来的效果非常漂亮,难度不是很大,值得大家学习,推荐到脚本之家,大家一起来学习吧
收藏 0 赞 0 分享

flash制作一个导航按钮

这篇教程主要是向脚本之家的朋友分享flash制作一个导航按钮方法,教程比较不错,值得大家学习,推荐到脚本之家,喜欢的朋友可以参考本文,希望能对大家有所帮助!
收藏 0 赞 0 分享

flash补间动画和引导图层模拟蜿蜒盘山道

这篇教程主要是向脚本之家的朋友分享flash补间动画和引导图层模拟蜿蜒盘山道方法,教程比较基础,绘制出来的效果非常不错,推荐到脚本之家,喜欢的朋友可以参考本文
收藏 0 赞 0 分享

flash怎么制作文字飞入的动画?

flash怎么制作文字飞入的动画?flash中制作一个动画很方便,今天我们就来看看使用flash制作一个文字飞入动画的教程,很简单,新手也可以进来学习,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多