CocosCreator微信小游戏入门实战《小猫钓鱼》(六):单例模式以及UI

本文介绍了如何使用CocosCreator开发微信小游戏,详细讲解了UI组件的使用,如Widget、Button等,以及如何实现开始游戏和排行榜按钮的功能。通过单例模式解决UI与游戏逻辑的耦合问题,提高代码可维护性。
摘要由CSDN通过智能技术生成

转载请保留原文链接: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控件的使用,参考官方文档:

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值