从0开始用CocosCreator开发飞机大战小游戏(一)

334 阅读2分钟

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

这次用cocos creator从0开始开发飞机大战休闲小游戏。我用的CocosCreator的版本是3.6.1 目前最新的版本是3.6.2,有兴趣的小伙伴可以到官网上看看。废话少说,下面直接开始,cocos creator 的安装就不多说了,官方有详细的安装教程

1. 新建项目,新建一个空白的2D项目。项目名称和位置根据自己的需求进行填写。 image.png

2.项目宽度设置为720,高度设置为1280,并且钩选适配屏幕高度和适配屏幕宽度 image.png

3.同时按住Ctrl + s  保存场景,文件名改为game,也可以根据自己的喜欢进行重新命名 image.png

  4. 在assets下再新建一个菜单场景,并且命名为menu image.png

5. 在assets下新建文件夹,用来存在图片资源,并且将背景图片放在该文件夹下。 image.png

6. 在meun场景中新建一个Sprite(精灵),并且命名为bg image.png

 

7. 设置bg的宽度720,高度为1280,并且关联背景图片 image.png

8. 添加游戏开始按钮。

(1)介创建一个按钮。并且命名为start image.png

(2)按钮下的Label删掉,因为用不到

image.png

(3)关联按钮背景图 image.png

(4)按钮类型设置为SCALE模式

image.png

9. 添加游戏名称, (1)新增一个Sprite(精灵),并且命名为name image.png

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

(3)调整参数,position 的x设置-20,y设置为410 image.png

10. 在assets下新建文件夹script,专门用来存放脚本文件 image.png

11. 在script下新建一个脚本文件menu.ts image.png

12. 下面简单说下如何关联到外部的编辑器。

(1)打开偏好设置 image.png

  (2)找到外部程序中的默认脚本编辑器,选择你外部编辑器的路径即可。这里我选择的是vscode.你也可以根据自己的喜好选择自己常用的编辑器。 image.png

今天就到这里了,主要说了项目的创建以及一些项目的简单设置。可能写的过程中还有很多不好的地方,希望大家能指出来,在此,谢谢大家