一周搞定Cocos creator（cocos creator 入门篇） 7 - 官方消灭星星代码分析（1）

先来看下项目运行效果

分析下游戏中元素：

1：背景

2：主角：hero

3：障碍物

4：得分显示

第一步 完成场景搭建 添加背景图

1.新建Game Scene ，并置为启动场景 导航栏点击 项目-项目设置-项目预览-初始化场景 

然后拖拽背景到scene 中 作为背景 修改背景坐标 和 尺寸

2.添加地面 设置尺寸

3.添加hero

坐标和锚点按照文档中的设置就行  这里要注意把新建的节点要置在canve中 

第二部： 添加对hero的控制

参照文档代码 

下一步 做代码和节点绑定 

选中Player节点 拖拽脚本到属性部分 即可做对应绑定

 继续看文档 这里说到了缓动 

看下文档 研究下缓动

这里可以看到，其实正如文档中说明的一样，如cocos2d-x中的Action功能类似，

看下这里this，也就是我们绑定的hero节点

看下运行效果 

hero跳动的逻辑：

 添加hero-编写js代码-绑定脚本-run

 

2：添加控制hero方向

添加键盘事件响应函数 onKeyUp 和 onKeyDown

https://docs.cocos.com/creator/api/zh/classes/SystemEvent.html?h=cc.systemevent.on  这里看下SystemEvent API

这里 也就是对键盘监听 ，KEY.a KEy.d 也就是对键盘的监听 a d代表左右，

然后看update的逻辑，update会事实监听键盘输入，

 完成后  run 看下效果 可以左右控制移动