creator 静态属性_搭建CocosCreator组件库

在近期使用CocosCreator(以下简称CC)开发HTML5游戏的工作中，发现公司许多游戏都有着相同的元素，比如倒计时条、结算页面等等。在早期的开发中，我们并没有摸索到复用的办法，只能在不同的游戏项目中从头开始写。随着需求越来越多，重复造轮子肯定不是一个好办法，那么对于CC项目来说，能不能把这些可复用的游戏元素作为组件封装抽离出来呢？经过一番探索，终于找到了解决的办法。

什么是CC组件

以我们在手Q上的“太鼓达人”小游戏为例子，它的倒计时条和结算页面，在其他的小游戏里面也是存在的，仅仅是外观上有所不同，但当中的逻辑处理是一致的。这里的倒计时条和结算页面，都可以理解为组件。

两个组件的逻辑如下：

倒计时条可以设置游戏时间，在游戏时间内其填充长度不断缩减；倒计时条右侧会显示所剩时间；在倒计时结束后会执行回调动作。

结算页面可以设置等级分值，达到或超过具体的等级分值可以获得星星；星星会按照动画逻辑展示；下方会从0开始对分数进行结算；结算完成后会执行回调动作。

通过这个例子不难理解，一个所谓的CC组件，就是一个包含了逻辑、图片、动画、音频等不同资源的游戏节点。在CC里面，一个节点它长这个样子：

可以看到，编辑器左侧定义了它的结构，中