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

六月七
305 阅读2分钟

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第26天，点击查看活动详情

今年很火的一款休闲解压类的小游戏，相信大部分的小伙伴都有玩过，那就是三消类的小游戏。于是决定用CocosCreator进行开发。下面就说下如何用CocosCreato开发这个小游戏。 用目前最新的版本3.6.2。废话少说，下面直接开始

CocosCreator的安装这里就不多说了，小伙伴可以到官网上看下教程。

1.新建一个2D项目，如果安装了多个编辑器的版本话，编辑器版本选择3.6.2 image.png

2. ctrl+s 保存场景，并且场景命名为game image.png

3. 打开项目中的项目设置，设计宽度为720，设置高度为1280，同时钩选适配屏幕宽度和适配屏幕高度 image.png

4. 在Canvas下新建一个SpriteSplash(单色)，并且命名为bg image.png

5. 设置背景的大小和颜色 image.png

6. 在assets下新建一个文件夹，并且命名为img，专门用来存放一些图片资源 image.png

7.在Canvas下新建一个Sprite(精灵)，并且命名为top，用作顶部的标题 image.png

8.关联背景图片资源，并且调整位置 image.png

9. 在top节点下新建一个Label(文本) image.png

10.Sting设置为每日一关。并且调整大小 image.png

11接下来说说背景中的草

（1）在assets下新建一个animation文件夹，用来专门存在动画文件 image.png

（2）在bg节点新建一个Sprite(精灵)，并且命名为cao_1 image.png

(3)关联草的图片资源 image.png

（4）在animation文件夹下新建一个动画剪辑（Animation Clip）,并且命名为cao_1 image.png

(5)关联到cao_1节点上 image.png

（6）打开动画编辑器，进入动画编辑模式。 image.png

（7）添加scale属性 image.png

（8）在0帧时添加一个关键帧 image.png

(9)在10帧时也添加一个关键帧，并且scale的x设置为1.2 ,Anchor Point的y 设置为0 image.png

(10)同样在20帧时也添加一个关键帧，scale的y改回1 image.png

(11)动画的循环模式改为循环播放 image.png

（12）钩选Play On Load ，这样打开游戏时就会自动播放这个动画了 image.png

今天就到这里了，主要说了新建项目和草的动画制作。可能写的过程中还有很多不好的地方，希望大家能指出来，在此，谢谢大家

avatar
文章
阅读
粉丝