Cocos Creator 学习笔记(一)

学习背景:和同学参加了学校的实验室开放项目,决定自己开发游戏。指导老师推荐了Cocos Creator作为开发工具,让我们在暑假抽空学习语法和基础知识(实际上摸了一个半月的鱼)

 

剩余的半个月在开学项目汇报的压力下,囫囵地看了遍creator的开发文档,学习了最最基础的JS语法,找了好多大佬的文章来看,几个同学东拼西凑好歹搞出了一个DEMO,安全度过汇报。在学习文章中发现大佬不愧是大佬,写文居然能坚持这么久,顺便也想写些东西沉淀沉淀。咕,我也来了。

首先是软件的安装,我们目前使用的软件版本是Cocos Creator v2.1.2,可以直接去官网下载。传送门

安装过程这里不再赘述(当时遇到了蛮多问题的),大家遇到问题可以去找搜索引擎,老前辈们已经帮吾辈排好雷(鞠躬)。

最后装好的图标是这个样子的。

 装好软件兴冲冲新建一个HelloWorld项目,结果一脸懵逼

Cocos Creator 学习笔记(一)_第1张图片

Cocos Creator 学习笔记(一)_第2张图片

 这helloworld在哪呢?

于是跑去翻看官网教程,意外发现教程十分详细,非常适合新手学习,同时也是一本工具书

IntroductionBook

Cocos Creator 学习笔记(一)_第3张图片

对我们新手来说,界面中有三个管理器十分重要,分别是层级管理器,资源管理器,属性检查器,下面依次来介绍这几个大宝贝。

1. 层级管理器:

Cocos Creator 学习笔记(一)_第4张图片

据本小白目前的理解,新建的节点会被放置到这个地方,如果名称向右缩进了,说明这是一个子节点,比如Main Camera(到现在还不知道这是干啥用的,有大佬能提点一下吗)就是Canvas(画布)的子节点。子节点其实是个蛮好玩的东西,之后写到坐标系的时候会提到。

 

2. 资源管理器

Cocos Creator 学习笔记(一)_第5张图片

 上图是HelloWorld工程中的资源管理器,其中assets文件夹中放的是项目的资源,同时,只有放置在assets文件夹中的资源才会被显示出来。

Scene文件夹,顾名思义,Scene -> 场景,就是用来放场景文件的,多场景之间的切换之后会提到。

Script文件夹,一般用来放置脚本文件,CCC(Cocos Creator)支持JS 和 TS语言,目前本人学习的是JS。

Textrue文件夹,一般放置图片类资源(比如人物、怪物的贴图)

internal文件夹里面放了很多系统自带的资源,还是挺好用的。

 

3. 属性检查器

Cocos Creator 学习笔记(一)_第6张图片

属性检查器显示的是层级管理器中节点的一些属性,一般来说,只要是节点就会有属性。这里的属性是由JS文件定义的,比如HelloWorld属性,就是由资源管理器中Script文件夹下的HelloWorld控制的,大家可以在文件中自定义所需的属性。

个人觉得这东西是CCC的一大亮点,把代码和属性策划分开,这样不懂代码的同学也可以直接在属性检查器里改动对应属性,相当方便。

 

4. 场景编辑器

嗯?我之前是不是说只有三个?

Whatever,场景编辑器就是我们的眼睛。

Cocos Creator 学习笔记(一)_第7张图片

 不懂编程的小伙伴也可以用它来设计游戏场景,然后把需要实现的功能告诉程序员弟弟。

 

其实刚打开软件的时候还会弹出一个控件库,但这东西平时挺少用的(添加文本啥的),需要的时候可以在面板->控件库找到它。

Cocos Creator 学习笔记(一)_第8张图片

 

第一篇就暂时到这里吧,虽然内容不多,但作为开头也极合适的。

好在现在还是大三,开始写博客不算太晚,望自己能把所学的知识沉淀下来,多多积累,多多学习。

可能第一篇的排版、内容啥的会很烂,还请各位大佬请多多包涵、多多指教!!

你可能感兴趣的:(Cocos Creator 学习笔记(一))