cocos creator 入门简介
一、安装cocos creator 与IDE
cocos creator下载链接:https://www.cocos.com/products#CocosCreator,安装的时候傻瓜式安装即可,当然也可以自己改路径。
cocos creator最好用最契合的IDE——VSCode:https://code.visualstudio.com/(宇宙最强编译器,免费、开源、轻量、跨平台、扩展插件等等,它的优点数不胜数。)
二、打开cocos creator,创建Hello World项目
-
点击Hello World,选择右下角新建项目,即可创建一个文件夹为NewProject的hello world项目(当然,后面自己熟练了可以直接创建空白项目):
[图片上传失败...(image-504999-1583484354838)]
三、成功创建之后,就会跳到cocos creator里面:
[图片上传失败...(image-75dc63-1583484354839)]
下面我们就要重点讲解这四部分,层级管理器、场景编辑器、资源管理器和属性检查器。
层级管理器:在早期的版本中,还有一个名字:NodeTree——节点树。所谓节点树,其实是采用数据结构中树的概念。(大家如果不懂,其实想象一棵真实的树就行了,节点树就是指这棵树)层级管理器下面的内容就是节点啦,也就是节点树的节点。(即树的树枝)这些节点就做Node,而我们就可以通过在节点树里面添加节点来丰富这棵树了。当然,相信你也看到了这些节点都包含在一个Canvas里面,而Canvas就做画布。因此,我们在这棵节点树上添加节点,想要这些节点能够显示在屏幕上,那么就要用到这个Canvas了。(即我们在画布上作画)
场景编辑器:场景编辑器就是用来显示层级管理器中的节点,也就是我们的动画。从上图可以看到,background节点就是我们的背景墙,cocos就是我们的图片,label就是我们的文本啦。总结就是我们在画布上作画,动画就会显示在场景编辑器里面了。(可以理解成电影其实就是一个个场景拼接来的)
资源管理器:就做Assets。下面显示我们最最最重要的文件夹——assets,那么请问我们NewProject项目就只有一个assets文件夹吗?当然不是,我们可以点击磁盘去查看一下NewProject文件里面还有许许多多的文件夹。那为什么我们cocos creator只显示了assets一个呢?其实我们对游戏所做的编辑就在assets文件夹就够了,而其他的文件则不需要我们手动修改,由cocos引擎自动去修改。再仔细去看,下面有三个很重要的文件夹,Scene——场景,存放我们游戏的不同场景;Script——游戏脚本,我们对游戏编写的代码就在这个文件夹里面;Texture——纹理,这个可以暂时不用管。
属性检查器:也叫Properties,是指节点的属性。当我们点击层级管理器中的节点时,在属性检查器就可以看到每一个节点所对应的属性。例如我点击cocos,可以看到属性检查器中,一个是Node,一个是Sprite。Node即我们的节点,可以修改节点的位置、大小、颜色等等。而Sprite是精灵的意思,即图片。只有添加了Sprite属性的节点才能显示图片,不信你可以取消Sprite属性旁边的√,那么你就会发现场景编辑器中的cocos的图片消失。
[图片上传失败...(image-509ca3-1583484354839)]
[图片上传失败...(image-892368-1583484354839)]
四、总结
好了,看了这么久,相信大家已经蠢蠢欲动了。快快点击你的cocos creator,开始你的第一个项目吧!