Sprite 精灵也是游戏开发中必不可少的元素 游戏中看到的障碍物 怪兽 等，这么说 能看到的图片 他的属性基本都是Sprite这里看下Creator的Sprite在层级管理器-右键-创建节点-创建渲染节点（这里注意） 或者是直接控件库拖拽新建完成后 看下Sp的属性依然 上面部分也就是Node的常用属性 大小 锚点 等，着重看下后面 SpriteFrame，这里可以直接拖拽需要的Sprite过来，

前面安装好Creator后 打开编辑器 配置啥的就按官方文档来走就行 应该没啥问题这里看下IDE界面 跟Studio区别还是挺大的 具体工具用到时候我们再来看这里新建一个空的项目 目录结构如图上官方介绍算是很详细了，主要说下这里预览功能，之前Cocos开发 需要run代码 在模拟器或者手机上看到效果 这里可以直接用自带的浏览器或者选择的电脑上浏览器去观察 也便捷了许多既然Creator是组件化开发

先来看下项目运行效果分析下游戏中元素：1：背景2：主角：hero3：障碍物4：得分显示第一步 完成场景搭建 添加背景图1.新建Game Scene ，并置为启动场景 导航栏点击 项目-项目设置-项目预览-初始化场景然后拖拽背景到scene 中 作为背景 修改背景坐标 和 尺寸2.添加地面 设置尺寸3.添加hero坐标和锚点按照文档中的设置就行 这里要注意把新建的节点要置在canve中第二部： 添加

说到生命周期，其实也就是看下cocos 为我们封装好的几个常用的函数 包含js加载 onenter update等我们游戏的正常逻辑 也就是从ui加载完毕后开始1：onload 也就是场景的加载 一般用于获取ui节点相关2：start 也就是启动的入口 这里基本是做数据的初始化工作 以及后续接口调用3：update 帧回调看下这几个函数的加载顺序分别为几个函数添加log 观察输出...

前面已经完成了游戏的主逻辑，后面我们可以添加其他逻辑丰富游戏1.添加slider控制背景音乐slider的具体属性可以在文档里看下 这里不再赘述。逻辑很简单1：UI上添加slider，代码中做上绑定。2：game上bgmusic做上绑定3：代码部分给slider添加监听，回调中 关键点this.bgMusic.volume = (this.slider.progress)(this.slider.

Button先看下文档和api后面看下使用案例第1种cc.Component.EventHandler第2种button.node.on('click', ...)的方式看下实例这里拖拽一个button到game Scene中 可以查看Button的属性。其实查看Button节点 可以发现button控件其实就是一个Node节点添加上了一个bg和label 其实都可以自己来更改后面看代码也就是给b