欢迎大家光临【无师自通-教程网】您的到来是我们的荣幸。本站提供photoshop教程,ps教程,flash教程,cad教程,网页制作教程,excel教程,asp教程,vb教程,3d教程,c语言教程,html教程,coreldraw教程,dreamweaver教程,java教程,3dmax教程 等各种教程为主题的内容和服务,相信您会在这里找到您所需要的东东。无师自通伴您一生-谢谢您的光临!!
网站地图 设为首页
简繁切换 加入收藏
栏目待定 留言本站
您现在的位置: 无师自通-教程网 >> 多媒体动画 >> Flash教程 >> Flash游戏实例教程 >> 教程正文

  没有公告

教程: Flash教程-Flash游戏实例教程-Flash 制作弹力球 更多...
教程: Flash教程-Flash游戏实例教程-Flash 制作弹力球


弹力球是一个很有趣的小游戏,很象我们玩的乒乓球,不过这个游戏里玩家只有你一个,你必须尽力用鼠标去控制滑板将小球反弹回去,而不能碰到四周的墙壁,否则游戏以失败而告终,每成功的将小球反弹一次,将得到50分,而每碰到一次墙壁,会扣掉500分,玩家在每次游戏中一共有六条命,尽量在游戏中取得高的分数。

游戏界面如图1所示(也可以点击 这里 看效果页 ):



图1

下面我们就开始具体的游戏制作。

影片的建立及属性的设置

启动flash,新建一个影片,然后选取modifyàdocument菜单命令,在弹出的document properties面板中如图2所示设置影片的属性:



图2

游戏基本元素的准备

本步骤我们首先要准备好在游戏中要用到的一些元素和素材。

1. 先我们来制作游戏中的主角,弹力小球。选取insertànew symbol菜单命令,在弹出的create new symbol面板中设置组件类型为movie clip,并给组件取名为ball,如图3所示:



图3

2. 在组件ball的编辑区内,用椭圆工具画一个正圆形,然后用填充工具填充上适当的颜色,颜色可以根据自己的喜好进行选择,本例中我们将小球填充为草绿色,填充好的小球如图4所示:



图4

3. 接下来制作游戏中的挡板。还是选取insertànew symbol菜单命令,在弹出的create new symbol面板中设置组件类型为movie clip,并给组件取名为Horizontal Paddles,即水平挡板,在组件Horizontal Paddles的编辑区内,用矩形工具画一个长的圆角矩形,并填充上草绿色,然后将其放置到坐标为(-39.5,143.0)处(具体坐标值可以在properties面板中设置),如图5所示:



图5

4. 按照同样的方法制作一个一模一样的圆角矩形,将其放置到坐标为(-39.5,128.3)的位置,最后如图6所示:



图6

5. 按照制作组件Horizontal Paddles一样的方法,制作一个movie clip组件Vertical Paddles,不同之处是此组件是垂直挡板,我们完全可以将组件Horizontal Paddles旋转90度后,就可以得到所要的效果,如图7所示:



图7

6. 因为游戏中我们需要用鼠标控制水平和垂直挡板,所以就需要将鼠标坐标值传递给挡板,所以我们需要做一个空的mc,来充当这个间接传递坐标的任务。选取insertànew symbol菜单命令,在弹出的create new symbol面板中设置组件类型为movie clip,并给组件取名为Mouse Tracker,仅此而已,不需要进行其它任何工作。

7. 当然游戏中也少不了一些按钮,本游戏我们需要一个重新开始的按钮,风格和样式可以自己选择,本实例中我们的重玩按钮如图8所示:



图8

到目前为止,我们游戏的准备工作就告一段落了,接下来是游戏中最最关键的一步,action控制代码的添加。
Flash SWF 效果:

游戏action控制代码的添加

1.为了方便我们对游戏进行修改和调试,我们一般都需要把大部分的控制代码专门放到一个独立的mc总,这也是一个制作的好习惯。

2. 选取insertànew symbol菜单命令,在弹出的create new symbol面板中设置组件类型为movie clip,并给组件取名为Paddle Controller。

3. 在组件Paddle Controller的编辑状态下,我们新建两个图层layer2和layer3,连上组件莫认的layere1,一共有三个独立的图层。

4. 在图层layer2上,我们使用文本工具在编辑区中画两个大小适中的文本框,如图9所示:



图9

5. 在properties面板中分别设置这两个文本框为dynamic text类型,即动态文本框,左边的文本框我们用来显示得分,右边的文本框我们用来显示剩余的生命,所以分别在properties面板中设置它们的变量名var为score和lives,如图10和图11所示:



图10



图11

6. 然后将图层layer2延续到第22桢。

7. 在图层layer3上输入文本GET READY,作为游戏开始的提示信息,并将此桢延续到第18桢,如图12所示:



图12

8. 在图层layer3的第19,20,21三桢分别插入三个空白关键桢,然后在第22桢插入关键桢,从图库中将前面做好的重玩按钮放到编辑区中,如图13所示:



图13

9并给重玩按钮加as:

on (release) {

Score = 0;

Lives = 5;

gotoAndPlay(1);

}


//初始化游戏得分和生命值,并且跳到第一桢重新开始游戏

10,回到图层layer1,在第1桢,第20桢和第21桢插入三个关键桢,给第1桢添加如下as:

xStep = Number(random(5)) 6;

yStep = Number(random(5)) 3;

//设置两个随机变量,其中xStep的范

[1] [2] [3] 下一页

教程录入:admin    责任编辑:admin 
  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
     
     
     
     

    3DsMAX实例制作:三维玻璃灯泡

    3dmax在线教程--蝴蝶

    3ds max时尚水晶鞋

    精彩Flash制作风吹草动效果动画

    教程: 3DS Max-设计实例-三维虚拟…

    3dmax7.0教程--火焰特效

    绘画技巧:Flash绘制人头造型

    3ds max 室内设计---室内效果图
    免责声明!本站资料大部分来自于互联网,其版权归原作者或其他合法者所有.如内容涉及或侵犯了您的权益,请通知本人,我将尽快处理!.欢迎您的光临。
    辽ICP备07003958号
    无师自通,伴你一生-教程网