Flash游戏制作--考眼力.pdfVIP

本文由滿眸都是你贡献 大家可能都玩过这样一种游戏，和朋友座在一起，面前摆三张扑克牌，一张是翻开的， 你可以看到牌的内 容，其它两张则是被翻过的，看不到具体是什么牌，然后由别人随意的快 速交换三张牌，最后看谁能找到开 始时翻开的牌，这就需要在交换牌的过程中仔细观察，也 算是对你的眼力的考验吧。(本例的.swf 和.fla 文 件请点击这里下载) 这次我们使用 Flash 来模拟一下这个游戏，换牌的过程由电脑完成，你只需要用眼睛盯 住目标牌即可，游戏的主界面如图 1 所示： 图1 玩家只需要在开始界面中用鼠标点击一下， 电脑就会开始快速的换牌了， 游戏的制作原 理其实比较简 单， 游戏的过程无非是纸牌的两两交换， 我们只需要先将纸牌的交换过程做好， 比如第一张和第二张交 换，第二张和第三张交换，第一张和第三张交换，然后使用 Random 随机函数随机的调用这三个交换过程，就 可以实现随机交换牌的功能。 下面我们来具体制作这个游戏。 1．首先需要制作图一中中间位置的目标牌， 新建一个 Graphic 图形元件，命名为 club, 进入元件的编辑区后，使用钢笔工具绘制图 2 所示的梅花图 形，然后填充上黑色： 图2 再新建一个 Graphic 图形元件命名为 picture,进入元件的编辑区后， 先选中矩形工具， 然 后打开工 具箱下面的附加工具”圆角矩形半径设置”对话框，设置圆角矩形的半径为 3，如图 3 所示： 图3 设置好后，在编辑区中绘制一个大小适中的圆角矩形，如图 4 所示： 图4 按照同样的方法绘制一个稍微小一点的圆角矩形，放到前一个矩形内，并将元件 club 放到两个矩形的正 中间，如图 5 所示： 图5 2．制作好目标牌后，就需要制作纸牌的背面了，新建一个 Graphic 图形元件，命 名为 card,进入元件 的编辑区后，还是按照上面一样的方法绘制两个套在一起的圆角矩形， 里面那个矩形的填充色设置按照图 6 所示设置即可： 图6 最后效果如图 7 所示： 图7 再新建一个 Movie clip 影片剪辑元件， 命名为 cards,进入元件编辑区后， 添加三个图层， 每一层都 放置一个 card 对象，并将其从左到右排列好，如图 8 所示： 图8 3．所需要的纸牌制作好后，就需要制作纸牌的交换过程了，因为游戏中一共有三张纸 牌，所以我们只需 要制作三个不同的交换效果，分别为 1 和 2,1 和 3,2 和 3 交换，这三个交 换过程的制作方法完全相同， 这里只讲解 1 和 2 交换的制作方法，其它两个交换过程类似。 新建一个 Movie clip 影片剪辑元件，命名为 swap12,进入元件的编辑区后，建立四个图 层，在 layer3,layer2，layer1 中从左到右放置三个 card 对象，将其排列好，然后在四个图层 的第 10 祯分别插 file:///G|/Documents and Settings/Lch/桌面/wenkuxiazai/Download/计算机/Flash游戏制作--考眼力.txt [2012-3-14 18:45:02] 入关键帧， 在第 10 桢处， 将纸牌 1 和 2 交换一个位置， 分别在 layer2 和 layer3 中创建 Motion 运 动过渡动画，这样就实现了 1 和 2 的交换效果，最后在 layer4 的最后一祯 添加如下 Action 动作脚本： tellTarget (_level0) { gotoAndPlay(12); } 最后的时间线如图 9 所示： 图9 按照同样的方法制作其它两个交换过程，swap13 和 swap23. 4.游戏中需要使用鼠标点击纸牌来开始游戏 和在最后确定目标牌，所以还需要制作一个 隐形按钮， 新建一个 Button 按钮元件， 命名为 invisible,在 最后的 hit 桢绘制一个长矩形即可。 5．回到主场景，设置舞台大小为 320px*160px,背景色为白色。在主场 景中添加三个图 层，从下到上分别命名为 cards,button 和 actions. 6.将元件 invisible 隐形按钮放到图层 button 中，然后将时间线延伸到第 6 祯，在第 46 桢插入一个关键 祯，同样将隐形按钮拖到舞台中，最后将时间线延伸到第 62 祯，如图 10 所示： 图 10 7．回到图层 cards,在第 7 桢插入一个关键祯，将元件 card 分两次拖到舞台中，并调整 位置到舞台 的两侧，然后将元件 picture 放置到舞台正中间，