Flash 游戏制作：抢手棋
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-14
|
? 大家还记得童年时代玩的抢手棋吗？通过掷两颗骰子，来决定我们在棋盘上走的步数，先到终点者为胜利，它伴随我们渡过了美好的童年时代，现在回味起来也感到非常有趣，那么我们不妨用Flash来做一个类似的抢手棋，一起回忆快乐的童年，同时也锻炼一下自己的flash制作能力。文章末尾提供fla源文件下载。 棋盘由一些标有数字的方块组成，数字代表走棋的顺序，左下角是我们游戏的两个主角，他们两个要争夺到达终点的第一名，本游戏的重点设置在标识着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所示：
 图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.
 6．? 按照1—5步骤的方法，制作组件”蓝脸”，‘活动的蓝脸“，“蓝脸主角”，如图6所示：
7．? 主角做好后，回到主场景中，新建两个图层，分别重命名为红脸和蓝脸，并将组件”红脸主角”和”蓝脸主角”分别放到相应的图层中，如图7所示：
 图7
8．? 在properties面板中分别给对象”红脸”和”蓝脸”起instance名为hong和lang.骰子制作： 此步我们来制作游戏中决定主角每次所走步数的骰子。  1．? 新建一个graphic组件并命名为主体，然后在编辑区中用矩形工具画一个填充色为白色，边框为黑色的正方形，作为掷骰子前骰子的状态，如图8所示：
 2．? 在建立一个graphic组件，并命名为点，也就是作为骰子上的点，用椭圆工具画一个黑色的正圆，如图9所示：
3．? 新建一个movie clip组件，命名为“合成的点”，在这个mc里来制作从一点到六点的不同状态。将图层layer1的第1到第6帧全部设置为关键帧，然后分别将组件”点”拖到编辑区中，第一帧放一个，第二帧放两个，依此类推，第六帧放六个，然后用align工具排列好，如图所示：
     
4．? 再新建一个图层layer2,在第1帧加as: /:d |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
上一篇: Flash制作彩色线条旋涡下一篇: Flash游戏制作：贪食蛇
关于Flash 游戏制作：抢手棋的所有评论
