完整版链接: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自带的示例项目很强大(虽然有点落后),新知识基本都能找到示例。