CocosCreator微信小游戏入门实战《小猫钓鱼》（六）：单例模式以及UI

转载请保留原文链接：https://blog.csdn.net/zzx023/article/details/83064291

 

经过上一节的碰撞系统，我们已经基本完成一个微信小游戏核心玩法部分的开发工作。接下来我们需要开发另一块重要的东西：UI

 

CocosCreator为我们提供了很多已封装好的UI组件，这些组件基本上可以满足我们正常的开发需求。当然针对一些项目中的特殊需求，我们也可以通过定制制作符合需求的自定义UI。针对目前我们这个小游戏来讲，Cocos本身提供的UI已经是绰绰有余了。

关于UI控件的使用，参考官方文档：

http://docs.cocos.com/creator/manual/zh/ui/ui-components.html

 

在第一节中，我们在Camera下面创建了一个widget节点作为HUD界面的父节点。这个HUD界面始终会在Camera的范围内，因此我们不用担心Camera的移动会导致我们的一些UI处于范围外而无法正常显示。

 

使用Widget，Sprite，Label，Button这些控件，我们可以很快速的在剪辑器中拼凑出下面的UI界面：

 

接下来我们先实现开始游戏按钮的功能。

关于Button控件的使用，参考官方文档：