CocosCreator开发合成大西瓜（一）

六月七
344 阅读2分钟

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

最近看到以前很火的一款休闲解压类的小游戏，不知道小伙伴们有没有玩过，那就是合成大西瓜。于是决定用CocosCreator进行开发。下面就说下如何用CocosCreato开发这个小游戏。 我用的CocosCreator的版本是3.6.1 目前最新的版本是3.6.2，有兴趣的小伙伴可以到官网上看看。废话少说，下面直接开始

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

1. 创建项目，这里我们选择2D image.png

2. 设置项目的宽高，这里设置为720*1280，并且勾选适配屏幕的宽高。 image.png  

3. 同时按住Ctrl + s  保存场景 image.png

 

4. 创建背景。创建一个2D对象的SpritesSplash(单色)精灵 image.png

 

5. 并且命名为bg image.png  

6. 设置背景的大小为720*1280，并且颜色的RGB为252,232,154 image.png

 

7. 添加分数。新建一个2D对象中的Label(文本) 并且命名为label_score image.png

 

8.添加字体

（1）在assets下新建文件夹font 并在该文件夹下放入字体 image.png

（2）选中label_score节点，将当前 use system font 的钩去掉 image.png

(3)将文件夹下的字体拖动过来

image.png

 

9.调整位置，设置position为-300，582，Anchor Point 为0 并且字体的大小font size 设置为40 image.png

至此，分数这一块暂时设置到这里

 

10. 创建脚本文件 在assets 下创建script文件夹，该文件夹是专门放置脚本文件的 image.png

11.新建脚本文件game.ts image.png

 

12. 创建了脚本文件还不行的，还需将脚本game挂载到canvas 上，这样才可以运行 image.png

image.png

 

13. 脚本可以其他的编辑器进行编辑，下面说下如何关联到的其他的编辑器

 （1）打开cocos creator 偏好设置 image.png

（2）在外部程序中的默认脚本编辑器就可以进行设置了，小伙伴们可以选择自己喜欢的编辑器进行编辑，这里我用的是VS Code image.png

  今天就到这里了，主要说了下如何创建项目。内容也是挺简单的。可能写的过程中还有很多不好的地方，希望大家能指出来，在此，谢谢大家

avatar
文章
阅读
粉丝