javascript第二十一讲：综合实例.ppt

联系方式：北京源智天下科技有限公司第二十一讲：第二十一讲：综合实例综合实例 讲师：杨贵讲师：杨贵e-mail:http:/ 游戏进程控制游戏进程控制 运行测试运行测试1-3北京源智天下科技有限公司联系方式：引言引言休闲游戏介绍休闲游戏介绍休闲游戏的实现休闲游戏的实现 1-4北京源智天下科技有限公司联系方式：创作思路及基本场景的实现创作思路及基本场景的实现 软件开发步骤软件开发步骤 需求分析需求分析设计实现设计实现运行测试运行测试发布维护发布维护捡馅饼捡馅饼的创作思路的创作思路捡馅饼，游戏情景可以这样理解。从屏幕的上方随机飘捡馅饼，游戏情景可以这样理解。从屏幕的上方随机飘下十几带有不同分值的馅饼，它们左右飘摇着落向人间。下十几带有不同分值的馅饼，它们左右飘摇着落向人间。当任何一个落到游戏窗口的下方时，自动消失后又一个当任何一个落到游戏窗口的下方时，自动消失后又一个新的馅饼在天上出现。玩家用鼠标点击飘落的馅饼，被新的馅饼在天上出现。玩家用鼠标点击飘落的馅饼，被点中者自动消失并且玩家的分数增加，但当鼠标碰上带点中者自动消失并且玩家的分数增加，但当鼠标碰上带负分的倒霉熊时玩家分数剧减。负分的倒霉熊时玩家分数剧减。1-5北京源智天下科技有限公司联系方式：创作思路及基本场景的实现创作思路及基本场景的实现分析游戏场景，知游戏中包含如下对象，游戏结构如图分析游戏场景，知游戏中包含如下对象，游戏结构如图所示。所示。Pie：代表馅饼，实现馅饼本身的移动、资源复位等等代表馅饼，实现馅饼本身的移动、资源复位等等功能，接口操作馅饼的接口。功能，接口操作馅饼的接口。PieCore：代表饼馅，受代表饼馅，受Pie的部分功能委托，实现根的部分功能委托，实现根据不同的图片更新自身的分值和音效。据不同的图片更新自身的分值和音效。1-6北京源智天下科技有限公司联系方式：创作思路及基本场景的实现创作思路及基本场景的实现游戏中包含不断循环播放的背景音乐，要求其节奏风格游戏中包含不断循环播放的背景音乐，要求其节奏风格轻快明亮，以哄托快乐的气氛。轻快明亮，以哄托快乐的气氛。游游戏界面界面结构如构如图所所示：示：1-7北京源智天下科技有限公司联系方式：创作思路及基本场景的实现创作思路及基本场景的实现场景效果图：场景效果图：1-8北京源智天下科技有限公司联系方式：设计游戏角色设计游戏角色 馅，被抽象为一个逻辑对象，此处命名为馅，被抽象为一个逻辑对象，此处命名为PieCore。PieCore控制着当前控制着当前馅应该用什么用什么样的的图片来片来显示示馅饼的的样子并子并记录分数。分数。PieCore引用的引用的图片是可以替片是可以替换的，的，分数也是分数也是动态可更改的。可更改的。PieCore引用一个具体的引用一个具体的元素，一个元素，一个PieCore被一个被一个饼对象引用。象引用。1-9北京源智天下科技有限公司联系方式：设计游戏角色设计游戏角色PieCore对象的特性象的特性 名称名称类别类别描述描述imgID属性属性IMG对象标识对象标识score属性属性饼馅分值饼馅分值src属性属性饼馅图片地址饼馅图片地址initImg方法方法初始化图片初始化图片饼对象的象的设计 1-10北京源智天下科技有限公司联系方式：设计游戏角色设计游戏角色饼对象饼对象 饼对象是整个角色的实现，它实现了馅饼的移动、响应用户操作、对饼对象是整个角色的实现，它实现了馅饼的移动、响应用户操作、对象复位、音效播放等等。一个饼对象保持对一个象复位、音效播放等等。一个饼对象保持对一个元素的引用，元素的引用，该该元素作为元素作为PieCore所引用的所引用的元素的父节点。元素的父节点。随随移动。移动。Pie对象对象名称名称类别类别描述描述divID属性属性DIV对象标识对象标识imgID属性属性Img对象标识对象标识pieCore属性属性饼馅引用饼馅引用moveTo方法方法移动到目标位置移动到目标位置addGameLoopEventListener方法方法添加游戏循环事件侦听器添加游戏循环事件侦听器gameLoopEventListener方法方法侦听游戏循环事件，主要的状态刷新在这里完成侦听游戏循环事件，主要的状态刷新在这里完成reSet方法方法复位状态，负责饼的信息复位复位状态，负责饼的信息复位addMouseEventListener方法方法添加鼠标事件侦听器添加鼠标事件侦听器x属性属性饼在视口中的饼在视口中的x坐标坐标y属性属性饼在视口中的饼在视口中的x坐标坐标1-11北京源智天下科技有限公司联系方式：游戏进程控制游戏进程控制 初始化游戏初始化游戏 游戏页面在加载时先创建一系列表示馅饼的游戏页面在加载时先创建一系列表示馅饼的DIV和和IMG元素，在此总共元素，在此总共17个。定义函数个。定义函数InitResource并在其中并在其中初始化资源，主要是创建初始化资源，主要是创建DIV和和IMG元素，并设置游戏元素，并设置游戏视口的初始位置。视口的初始位置。游戏启动控制游戏启动控制 游戏启动是在用户单击游戏启动是在用户单击“开始按钮开始按钮”之后发生，一般游之后发生，一般游戏在启动的时候需要加载初始化资源等操作。在此也需戏在启动的时候需要加载初始化资源等操作。在此也需要创建一些游戏资源，比如创建馅饼对象和初始化环境要创建一些游戏资源，比如创建馅饼对象和初始化环境变量等。变量等。1-12北京源智天下科技有限公司联系方式：游戏进程控制游戏进程控制 初始化游戏初始化游戏 游戏页面在加载时先创建一系列表示馅饼的游戏页面在加载时先创建一系列表示馅饼的DIV和和IMG元素，在此总共元素，在此总共17个。定义函数个。定义函数InitResource并在其中并在其中初始化资源，主要是创建初始化资源，主要是创建DIV和和IMG元素，并设置游戏元素，并设置游戏视口的初始位置。视口的初始位置。游戏启动控制游戏启动控制 游戏启动是在用户单击游戏启动是在用户单击“开始按钮开始按钮”之后发生，一般游之后发生，一般游戏在启动的时候需要加载初始化资源等操作。在此也需戏在启动的时候需要加载初始化资源等操作。在此也需要创建一些游戏资源，比如创建馅饼对象和初始化环境要创建一些游戏资源，比如创建馅饼对象和初始化环境变量等。主要完成下面的工作：变量等。主要完成下面的工作：1-13北京源智天下科技有限公司联系方式：游戏进程控制游戏进程控制 游戏启动控制游戏启动控制(1)初始化全局变量。初始化全局变量。(2)创建创建17个个Pie对象，并将它们对象，并将它们设置为可见状态。设置为可见状态。(3)播放背景音乐，并启动计时播放背景音乐，并启动计时器。器。游戏循环游戏循环 在游戏循环中刷新游戏世界，是在游戏循环中刷新游戏世界，是游戏世界向前发展的源动力游戏世界向前发展的源动力。1-14北京源智天下科技有限公司联系方式：游戏进程控制游戏进程控制 游戏结束控制游戏结束控制 当玩家单击当玩家单击“结束游戏结束游戏”按钮时，移除游戏定时器，停止按钮时，移除游戏定时器，停止游戏的运转并隐藏馅饼对象。最后在对话框中输出成绩评游戏的运转并隐藏馅饼对象。最后在对话框中输出成绩评估信息，并设置相应的游戏状态信息，例如估信息，并设置相应的游戏状态信息，例如“游戏已经停游戏已经停止止”等。成绩评估数学模型为等。成绩评估数学模型为“玩家总分玩家总分/（系统总分（系统总分游游戏经历的时间）戏经历的时间）”。运行测试运行测试 测试的目的是找到代码错误和逻辑错误，反复测试之后就测试的目的是找到代码错误和逻辑错误，反复测试之后就可以发布了可以发布了。1-15北京源智天下科技有限公司联系方式：结束语结束语