文章导航PC6首页软件下载单机游戏安卓资源苹果资源

pc软件新闻网络操作系统办公工具编程服务器软件评测

安卓新闻资讯应用教程刷机教程安卓游戏攻略tv资讯深度阅读综合安卓评测

苹果ios资讯苹果手机越狱备份教程美化教程ios软件教程mac教程

单机游戏角色扮演即时战略动作射击棋牌游戏体育竞技模拟经营其它游戏游戏工具

网游cf活动dnf活动lol周免英雄lol礼包

手游最新动态手游评测手游活动新游预告手游问答

您的位置:首页网页设计Flash → Flash游戏制作--记忆游戏

Flash游戏制作--记忆游戏

时间:2004/11/7 2:17:00来源:本站整理作者:蓝点我要评论(0)

  朋友,想测验一下你的记忆力吗?不用去找那些枯燥的试题来烦自己,我们可以用Flash MX来制作一个有趣的记忆力测验小游戏,既可娱乐自己,又可考察自己的记忆力。



  此记忆游戏如图所示,游戏界面虽然简单,但要玩好却不容易,除非你有较好的记忆力。它的玩法大家可能都比较熟悉,游戏中共有12个相同的圆盘,每个圆盘下面都隐藏着一幅图案,12幅图案两两相同共6对,而游戏的目的就是以最快的速度打开圆盘找完相同的图案。此游戏的设计思路是,当鼠标连续点击打开矩阵中的两个圆盘后,对前后显现的图案进行判断,如果图案相同就从矩阵中去除这两个图案及上面的圆盘,如果不同则用圆盘将图案重新覆盖,而这就考验了大家对各个图案位置的记忆力,只找准所有的6对图案后,游戏才算胜利。其图案显示和覆盖的效果制作起来很简单,使用Motion过渡动画就行了,而图案相同与否的判断是借助Action来进行的。




Flash记忆游戏




  下面我们就来学习如何制作这个游戏,具体步骤如下(编者注:为了方便Flash初学者,此Flash游戏及其源文件可在http://www.pcdigest.com/download下载,大家可以直接通过修改.fla文件来快速打造具有自己风格的记忆游戏)。



  1.我们先要准备6种不同的图案,它们可以任意寻找,不过最好用一些颜色和形状相似的图案,这样玩起来才有迷惑性,才能提高玩家的分辨难度,增强游戏趣味。在这里我们准备了如图所示的6种不同的图案,将它们导入Flash中,分别存为六个图形符号(Graphic)。




6种不同的图案




  2.我们还要准备一个游戏中覆盖图案的圆盘图片,这个可以自己画,不过它的大小要稍大于上一步中我们所选用的图案,以便能将它们完全覆盖。把这张圆盘的图片导入Flash,将它存为按钮符号(Button)。




圆盘图




  3.在游戏中,由于要显示每找出一对圆盘后所剩余的图案对数量,所以还需制作6个数字。如图,分别制作从1到6的图形符号(Graphic)。




6个不同的数字图




  4.下面我们就要制作游戏中圆盘和图案的动画效果了,这些动画主要对应玩家的各种鼠标操作,如选中、点击等。其中六对图案的动画效果制作方法是相同的,所以我们在此仅讲其中一对的制作。



  首先,在Flash中新建一个movie clip符号,命名为balls1。在符号的编辑状态下新建两个图层,在第一个图层的第7帧到第11帧建立圆盘由有到无的motion动画效果,在第21帧到第25帧建立圆盘由无到有的Motion动画效果。在第二个图层中的第7帧到第12帧建立一个图案由无到有的动画效果,从第13帧到第20帧建立一个图案的放大效果,从第20帧到第25帧建立一个图案由有到无的motion效果。




动画效果的时间线




  使用相同的方法再建两个新图层,照上述步骤制作出完全相同的motion效果,不过圆盘和图案的位置要与上面的不同(位置大家自定义),最好在4×3的矩形范围内。




4×3的矩形范围




  然后,我们要给动画添加Action。



  新建一个图层,命名为timeline,此游戏所有的Action都集中在此图层,方便编辑和修改。



  在第1帧添加as为gotoAndStop(5);



  //跳到第5帧,后面我们要在第5帧添加“stop();”,使游戏一开始处于停止状态。



  在第2帧添加as为gotoAndStop(3);



  在第3帧添加as为stop();



  在第4帧添加as为gotoAndStop(3);



  在第5帧添加as为 stop();



  在第6帧添加as为gotoAndStop(5);



  分别在第12和第31帧添加as为stop();



  //游戏运行到此帧时停止播放。



tellTarget ("../balls3") {



     nextFrame();



}



tellTarget ("../balls4") {



nextFrame();



}



tellTarget ("../balls5") {



nextFrame();



}



tellTarget ("../balls6") {



nextFrame();



}



tellTarget ("../balls7") {



nextFrame();



}



  //先分别指定“主场景”中的balls3到ball7五个Movie clip,然后分别运行每个Movie clip当前帧的下一帧。



  分别在第13和第32帧插入关键帧,然后添加如下Action。



play();



  //影片运行到此帧时继续播放。



tellTarget ("../balls3") {



nextFrame();



}



tellTarget ("../balls4") {



nextFrame();



}



tellTarget ("../balls5") {



nextFrame();



}



tellTarget ("../balls6") {



nextFrame();



}



tellTarget ("../balls7") {



nextFrame();



}



  //分别指定主场景中的balls3到ball7五个Movie clip,运行每个Movie clip当前帧的下一帧。



  分别在第25和第44帧添加as为gotoAndStop(5);



  分别在第58和第77帧添加如下as。



tellTarget ("../balls8") {



nextFrame();



}



  //balls8是Mc num的实例名,用来控制游戏剩余圆盘对数的变化,当跳到下一帧则数字减1。



  分别在第63和第82帧添加as为gotoAndStop(3);



  上面所有as的所在帧并不是随意添加的,而是与圆盘及图案所有Motion的所在帧相对应,这样才能在游戏中调用不同的Motion。



  最后,按照上面的方法,再制作从balls2到balls6的其它5个类似的Movie clip影片剪辑,不同之处是每对圆盘背后的图案要不相同。



  5.在此我们要制作记数变化的效果。首先新建一个Movie clip影片剪辑,插入六个关键帧,分别将前面做好的6个数字符号按逆续放到第1到第6关键帧中(第1关键帧放数字6……第6关键帧放数字1)。然后新增一个图层,命名为timeline,同样插入六个连续的关键帧,并给每个关键帧都添加Action为“stop();”,让影片运行到每帧都停下来。




记数变化的时间线




  6.下面要制作的是游戏的主控制Movie clip影片剪辑,此影片剪辑用于总体控制。新建一个Movie clip影片剪辑,命名为“主电影”。在进入Movie clip影片剪辑的编辑状态后,分别新建六个图层,把前面做好的balls1到balls6六个图案对分别放到这六个图层之中,排列成4×3的矩形方阵。




4×3的矩形方阵




  再新建一个图层,将符号num拖到编辑区上合适的位置,在其第一帧添加Action为“play();”,最后将所有图层的时间线延长到第7帧。




总体控制的时间线




  7.现在进行最后的任务——布置主场景。很简单,只须将Movie clip影片剪辑“主电影”拖到主场景中合适的位置就可以了,然后存盘、运行测试并导出为.swf文件。




测试游戏




  到此为止,一个简单而有趣的Flash记忆力游戏就做好了,如果大家有兴趣,还可以在它的基础上增加一些功能,如增加游戏中图案对的数量、增加记时或限时功能等。先不多说了,快开始游戏吧!

相关阅读 Windows错误代码大全 Windows错误代码查询激活windows有什么用Mac QQ和Windows QQ聊天记录怎么合并 Mac QQ和Windows QQ聊天记录Windows 10自动更新怎么关闭 如何关闭Windows 10自动更新windows 10 rs4快速预览版17017下载错误问题Win10秋季创意者更新16291更新了什么 win10 16291更新内容windows10秋季创意者更新时间 windows10秋季创意者更新内容kb3150513补丁更新了什么 Windows 10补丁kb3150513是什么

文章评论
发表评论

热门文章 没有查询到任何记录。

最新文章 Flash CS4基础入门 如何在Flash中打开一个定制的浏览器新窗口?学习ActionScript 3.0的6个好处几个小技巧精简Flash文件体积在Flash动画中添加“加为收藏”和“设为首页

人气排行 Flash游戏制作--小熊拼图用Flash实现几种镜头效果Flash制作动画知识:遮罩Flash如何做鼠标指针样式Flash制作环形文字Flash制作声情并茂的电子相册实例讲解flashMTV制作全过程(3)鼠标效果系列教程:游动的鱼