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

越夜越有机

大家还记得童年时代玩的抢手棋吗？通过掷两颗骰子，来决定我们在棋盘上走的步数，先到终点者为胜利，它伴随我们渡过了美好的童年时代，现在回味起来也感到非常有趣，那么我们不妨用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所示：

登录/注册后可看大图

图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.