Flash 游戏制作:抢手棋(1)

2016-01-29 13:33 9 1 收藏

Flash 游戏制作:抢手棋(1),Flash 游戏制作:抢手棋(1)

【 tulaoshi.com - Flash 】

大家还记得童年时代玩的抢手棋吗?通过掷两颗骰子,来决定我们在棋盘上走的步数,先到终点者为胜利,它伴随我们渡过了美好的童年时代,现在回味起来也感到非常有趣,那么我们不妨用flash来做一个类似的抢手棋,一起回忆快乐的童年,同时也锻炼一下自己的flash制作能力。文章末尾提供fla源文件下载。

  整个游戏最终完成后,主界面如图1所示:

图1

  棋盘由一些标有数字的方块组成,数字代表走棋的顺序,左下角是我们游戏的两个主角,他们两个要争夺到达终点的第一名,本游戏的重点设置在标识着28的方块,您也可以扩大游戏规模,制作方法是完全一样的。在数字27的旁边我们可以看到一个小方框,它是游戏中的骰子,用鼠标点击它就可以掷骰子开始玩了,棋盘上有几个方块比较特殊,上面没有标识数字,而是标识了一些说明性的文字,代表了如果主角跳到了此方块,将要执行的一些动作,这样可以给游戏增强一些趣味性,下面我们就开始游戏的制作。

  布置棋盘:

  首先在主场景中将默认的图层layer1更名为”背景”,然后我们按照如图2所示布置好我们的棋盘:

图2

  角色制作:

  此步要来制作我们游戏中的两位主角,蓝脸和红脸,他们将争夺谁第一个到达终点。

  1.  选取newàsymbol菜单命令新建一个graphic组件,命名为”红脸”,在组件编辑状态下从外部导如一幅红脸的图片,并按ctrl+f8将其打散,如图3所示:

  2.  接下来制作红脸在运动中的伸缩动画。选取new-symbol新建一个grapgic组件,命名为”活动的红脸”,在”组件编辑状态下,将组件”红脸”拖到编辑区中,然后在图层layer1的第7帧和第13帧分别插入两个关键帧,回到第7帧关键帧,使用缩放工具将红脸对象在垂直方向上进行适当的缩小,如图4所示:

  3.  然后分别在第1帧和第7帧,第8帧和第13帧之间建立motion运动过渡,时间线如图5所示:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

图5

  4.  再新建一个movieclip组件,命名为”红脸主角”,将组件”活动的红脸”放到编辑区中,这个mc的主要作用是模拟在整个棋盘上的运动,也就是顺着棋盘上的数字方块走一圈,用几个motion就可以实现,从图1的棋盘中我们可以看出,要顺方块走一圈,需要拐6个弯,所以分别在第100帧,第185帧,第270帧,第326帧,第375帧,第420帧插入六个关键帧,从第1帧开始,直到最后一帧,分别对对象做相应的motion运动过渡,运动方向可以参考图1中的棋盘布局。

  5.  新建一个图层,在第一关键帧加as:stop();然后每隔15帧插入一个关键帧,每个关键帧加as: /:u = Number(/:u)+1;,异地是变量值递增1.

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

  6.  按照1—5步骤的方法,制作组件”蓝脸”,‘活动的蓝脸“,“蓝脸主角”,如图6所示:

  7.  主角做好后,回到主场景中,新建两个图层,分别重命名为红脸和蓝脸,并将组件”红脸主角”和”蓝脸主角”分别放到相应的图层中,如图7所示:

图7

  8.  在properties面板中分别给对象”红脸”和”蓝脸”起instance名为hong和lang.

来源:http://www.tulaoshi.com/n/20160129/1490593.html

延伸阅读
实例说明 FLASH有很强的制作二维动画能力,可妙趣横生地创造各种合乎自然规则的动画,并能产生三维的视觉效果。 有关知识 有关产生流畅的多文字动画的重要技巧,运用颜色效果使文字从视野中慢慢消失,将图形水平翻转变形从而使关键动画具有三维效果,使关键帧动画反转,提高工作效率。 操作步骤 步骤1:打开Flash...
标签: flash教程
效果简介: 这是一个雪景贺卡。诗意的房屋、雪景;可爱的雪人、袅袅的炊烟;浅浅的脚印和随机的雪花,这些组成一幅美丽的雪景图,也使这张贺卡充满了情趣。但贺卡的制作也因此变得稍稍复杂。 主要应用技术: 文章中主要学习如何系统的设计贺卡并有效的管理数量巨大的元件。掌握贺卡制作中场景的布置,颜色的应用,气氛的营...
五子连珠,在民间俗称”五子棋”,是一种流传很广的益智棋类游戏,游戏规则非常简单,适合各个年龄段的朋友玩,相信大家以前也一定玩过此游戏,下面我们就来学习使用Director来制作一个简单的五子棋个游戏。 本文分为三个部分来介绍,界面比较简单,主要是和大家讨论一下制作的思路。 1.. 从游戏的玩法开始讨论游戏的制作思路。 2.. lin...
标签: flash教程
8.右击“ball”剪辑,在“动作”面板里设置代码 onClipEvent (load) { speed=15; } onClipEvent (enterFrame) { if(!_root.shipDead){ //如果战斗机的生命值大于0 if(this.hitTest(_root.ship)){ //敌机发出的炮弹击中战斗机 _root.ship.play(); ...
标签: flash教程
三 、代码控制 1.回到主场景,把第一个图层改名为“start”,在第一帧中插入关键帧,帧动作为: function clean() { for (i in _root) { _root[i].removeMovieClip(); } } _root.clean(); stop(); clean函数用来删除所有多余的影片剪辑,它的功能在第一次运行时没...

经验教程

787

收藏

72
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部