Cocos Creator入门实战

一、游戏开发工具推荐：

pyGame，panda3d，cocos2d、2dx、creator，unity2d、3d，3dMax

二、Cocos Creator实战

1、安装：http://www.cocos.com/creator

注意：需Visual Studio组件但开发工具不是必需

2、HelloWorld和Example项目（新建项目中有模板）：

http://docs.cocos.com/creator/manual/zh/getting-started/hello-world.html

3、开发工具核心区域：

资源管理器、层级管理器、场景编辑器、控件库、控制台、动画编辑器、属性检查器

三、GetStar（摘星星）项目总结

项目来源：http://docs.cocos.com/creator/manual/zh/getting-started/quick-start.html

cocos官方项目若无法下载，请点击：

项目图像、字体、音频资源：

https://github.com/haoranhaoshi/Cocos-Creator/tree/master/stargame-resources

项目精装版：

https://github.com/haoranhaoshi/Cocos-Creator/tree/master/getStar

项目进化版：

https://github.com/haoranhaoshi/Cocos-Creator/tree/master/polished_project

预览和构建：

http://docs.cocos.com/creator/manual/zh/getting-started/basics/preview-build.html

1、添加资源：资源管理器中双击assets，属性管理器中打开文件夹，粘贴资源文件。

2、管理器改变位置：拖动管理器标题，可在另一个管理器区域上左右位置放下。

3、资源管理器中创建的场景：对应有自己的层级和场景编辑。

4、层级canvas节点及其子节点可适应不同屏幕大小（包括不同平台）进行缩放。

5、canvas子节点越在下，图层越在上，联系PS的图层思考。

6、资源、层级节点、属性可相互拖动，资源顺序、层级节点顺序可拖动改变。

7、js代码无法编辑时打开脚本资源所在文件夹。

8、打开js代码后，在属性检查器中，单击两次导入为插件，点击对勾，可以在代码和属性设置中切换，或直接双击层级中的节点。

9、场景由层级节点构成，每个节点可通过属性绑定图像、脚本、声音等资源。

10、重复生成的节点需包装成Prefab（预制）资源，联系Flash的元件思考。

11、场景层级中，canvas节点绑定主脚本，预置资源和canvas子节点绑定主脚本属性。

12、场景编辑器中右键拖动，滚轮缩放。

13、浏览器预览中web预览中的顶部按钮控制：

（1）最左边选择预览窗口的比例大小，来模拟在不同移动设备上的显示效果

（2）Rotate 按钮决定显示横屏还是竖屏

（3）左起第三个按钮可以选择 WebGL 或者 Canvas 渲染模式

（4）Debug Mode 里可以选择脚本中的哪些级别的日志会输出到浏览器控制台里。

（5）Show FPS 按钮切换每秒帧数和 Drawcall 数量显示

（6）FPS 限制最高每秒帧数

（7）Pause 暂停游戏

14、canvas节点的script为Game.js，所以Game.js的onLoad为入口。