从0开始用CocosCreator开发兔了个兔消消乐小游戏（二）

六月七
169 阅读2分钟

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第27天，点击查看活动详情 上次我们说了新建项目和背景草动画的制作，但这个草的动画还没有完善，今天我们继续完善它。

1. 之前只是制作其中一种的草的动画，现在我们制作第二种

（1）在bg下新建一个Sprite(精灵)，并且命名为cao_2 image.png

(2)同样关联图片资源 image.png

（3）因为草2的动画效果与草1的是一样的，因此用同一个动画效果就可以了，即animation下的cao_1动画文件关联到cao_2节点上就可以了，同样也要钩选Play On Load image.png

（4）这样这个草的动画背景就做好了，因为别人的是多颗草的，我们只需复制多几个节点，移动不同的位置就可以了 image.png

2. 接下来添加底部和按钮

（1）在Canvas下新建一个Sprite(精灵)，并且命名为 bottom image.png

（2）关联底部的图片资源 image.png

3. 添加底部的按钮菜单，移出功能按钮

(1) 在Canvas下新建一个Button(按钮)，并且命名为 btn_1 image.png

（2）删除btn_1下的Label,用不上 image.png

（3）关联图片资源，并且调整位置和大小 image.png

（4）设置按钮过渡类型为scale image.png

（5）在节点btn_1下新建一个Sprite(精灵)，并且命名为number_1 image.png

(6)点击default_sprite，左边的资源管理中会出现一些默认的图片资源。 image.png

（7）关联default_radio_button_off图片，并且调整位置和大小 image.png

（8）在number_1节点下再新建一个Label(文本)，String暂时设置为1，颜色设置为黑色，同时调整大小 image.png

4. 撤回按钮。

(1)同样，在Canvas下新建一个Button(按钮)，并且命名为 btn_2，删除btn_2下的Label,用不上 image.png

（2）关联图片资源，并且调整位置和大小 image.png

（3）同样，设置按钮过渡类型为scale image.png

（4）复制number_1节点到btn_2下，并且重命名为number_2，调整位置 image.png

5. 刷新按钮

（1）在Canvas下新建一个Button(按钮)，并且命名为 btn_3，同样删除btn_3下的Label,用不上 image.png

（2）同样关联图片资源 image.png

（3）同样，按钮过渡类型也设置为scale image.png

（4）复制number_1节点到btn_3下，并且重命名为number_3，调整位置 image.png

今天就到这里了，主要说了界面的一些按钮。可能写的过程中还有很多不好的地方，希望大家能指出来，在此，谢谢大家

avatar
文章
阅读
粉丝