CocosCreator入门之《摘星星》-完全学习记录（一）

完整版链接:https://quqi.gblhgk.com/s/184718/ykolFXd1LYL9mzQE

写在前面：本系列默认你相对熟悉了初级版教程和Creator的基本概念如节点与组件、以及它们的属性、特性——这些在初级教程和官方文档、API里唾手可得。

第一步，记录我搭建场景——在这里就是布局主节点：

与初级教程相左、或新增的点如下：

1. 节点的缩放用 Widget 组件，它能使当前节点自动对齐到父物体的任意位置，或者约束尺寸，让你的游戏可以方便地适配不同的分辨率。

http://docs.cocos.com/creator/manual/zh/components/widget.html?h=widget

2. 开始就显示 'Score:0' 很傻，让它一开始显示游戏名称，开局再换成计分。

3. "在星星消失之前拾取它们，获得积分吧！"，这个文本只用一次显得浪费，不如让它在游戏结束时根据得分说些什么，更有趣。

4. 根据设备显示文本，这个官方教程里有，初始化时加个设备判断即可。

4. 众所周知cc.Action面临控制台警告的轰炸，索性学了cc.Tween，虽然刚明白cc.Action就被警告有点儿神坑。

5. 进度条，官方说了又不写，别人也不写，我就学了进度条示例，一开始想的复杂，用了一张A4，结果在这里只需要加几行代码而已。

贴上示例中的进度条主逻辑...

ps: 让进度条在星星头上出现相对复杂些，但这样画面很混乱——又是星星，又是特效，又是进度条...不酷。

 

搭建好的场景：

 

新手向说明：

1. 属性检查器 >> 添加组件 >> UI组件 >> Widget

2. 属性检查器 >> 添加组件 >> UI组件 >> ProgressBar

ps: CocosCreator自带的示例项目很强大（虽然有点落后），新知识基本都能找到示例。