橡皮怪教程PPT课件.pptx

Welcome;项目实战：;中文名：橡皮怪-勇闯地下室 英文名：Basement-Master 类 型：益智休闲类 平 台：IOS，Android 主 角：橡皮怪 玩家人数：单人 游戏画面：简易卡通 成就：2013年10月在苹果App Store上线，随后连续15周在排行榜保持前十名，尽管没有炫酷的动画效果，没有复杂的规则玩法，没有众多的关卡挑战，却意外获得玩家青睐，短时间内下载量就突破200万次。 ;操作指南：;我们需要用到的工具：;游戏资源：;Cocos2d-JS 基础知识 JavaScript 基本语法 浏览器 的调试功能;Step_1：新建项目;双击桌面上的cocos_creator 引擎图标：;引擎主界面介绍：;资源管理器：;层级管理器：;场景编辑器：;属性检查器：;控制台动画编辑器;控件库：; Step_2:导入资源;方式一：直接拖入;;导入完成效果; Step_3:创建场景;在 Cocos Creator 中，游戏场景（Scene）是开发时组织游戏内容的中心，也是呈现给玩家所有游戏内容的载体。 游戏场景中一般会包括以下内容： 场景图像和文字（Sprite，Label） 角色 以组件形式附加在场景节点上的游戏逻辑脚本 当玩家运行游戏时，就会载入游戏场景，游戏场景加载后就会自动运行所包含组件的游戏脚本，实现各种各样开发者设置的逻辑功能。所以除了资源以外，游戏场景是一切内容创作的基础，让我们现在就新建一个场景。 ;创建游戏场景步骤： ① 在资源管理器中点击选中assets目录，确保我们的场景会被创建在这个目录下 ② 点击资源管理器左上角的加号按钮，在弹出的菜单中选择“文件夹”，重命名Scene，用于管理场景文件 ③ 右键点击Scene，“新建 → Scene” ;创建游戏场景步骤： ③ 创建了新的场景文件 ，对其重命名为welcome ④ 双击 welcome， 就会在场景编辑器和层级编辑器中打开这个场景。 注意：开发中需要经常 Ctrl+S 保存 ;打开场景后，层级管理器中会显示当前场景中的所有节点和他们的层级关系。 目前新建的场景中只有一个Canvas节点，即画布节点或渲染根节点。 点击选中Canvas，可以在属性检查器中看到他的属性;; Step_4:搭建开始界面;添加背景图片：;同样的方式 添加游戏LOGO和开始按钮图标;创建脚本，为按钮??加动态提示效果，并添加跳转场景进入游戏的逻辑：;在脚本中添加音乐和按钮两个属性， 然后点Canvas后将脚本拖入其属性检查器区域， 完成脚本与组件的绑定;找canvas的属性列表 下的子列表Welcome。 拖入对应的组件，完成绑定。;按之前的方式再创建一个场景，重命名为game. 然后在Welcome脚本中的onLoad方法中添加以下内容：;运行一下吧!!; Step_5:主角登场;双击‘game’场景， 依次将背景图片assert/res/texture/GameBG 及主角assert/res/texture/normal（重命名为player） 拖入层级管理器。;为主角添加动画：1;为主角添加动画：2;为主角添加动画：3;为主角添加动画：4;;为主角绑定脚本：; Step_6:主角移动逻辑;;;在onLoad方法中添加内容， 设置背景音乐和音效的播放 为屏幕添加触摸监听事件：;继续在Main脚本中添加内容： ;; Step_7:限时功能实现;新建场景，重命名为over，双击进入场景 点击canvas,调节尺寸;同样的方式添加本轮得分文本和最高分文本;;;;; Step_8:配角地刺登场;将资源管理器中的地刺资源：res/texture/dici拖入Canvas之下;;;;;;运行一下吧！ 看看每次跳跃时， 地刺能否移动; Step_9: 添加主角遇刺死亡逻辑;;运行一下， 看看主角遇刺后 游戏是否能正常结束！; Step_10:添加记分逻辑;;双击进入 over场景 右键点中Canvas 创建节点 创建UI节点 Button(按钮) 重命名btnPlay;;新建脚本，重命名为Over，在脚本中写入得分逻辑;;;;Thanks