Cocos Creator 学习笔记 v2.4.8 (壹)

一、编辑器基础知识

1、Cocos Creator编辑器界面

 整个编辑器大体上分为六个板块

1. 层级管理器：包括当前打开的场景中的所有节点，你还可以在这里创建节点，选择节点查看属性、删除节点。还可以通过拖拽的方式建立节点之间的父子关系。
2. 资源管理器：这里存放的是项目中所有的资源内容，包括图片、声音、动画、场景、脚本、预制体等。可以通过往层间管理器中拖拽图片，自动生成一个节点，也可以选中节点后，向属性面板拖拽脚本，自动添加脚本组件。
3. 控制台：输出项目信息，错误信息、警告等。控制台旁边有动画编辑器，可以进行简单的动画制作。项目预览可以进行制作的效果进行预览。
4. 属性：选中节点后可以查看节点的属性，并可以进行修改。还可以查看节点上面的组件的属性，并且可以进行编辑。
5. 场景编辑器：可以进行场景图像的摆放，包括特效、图片。
6. 控件库：是一个非常简单直接的可视化控件仓库，您可以将这里列出的控件拖拽到 场景编辑器 或 层级管理器 中，快速完成预设控件的创建。（俺没用过）

2、代码编辑器-VS Code

直接官网下载  链接：Download Visual Studio Code - Mac, Linux, Windows

非常好用！！！

下载安装完成之后，需要在Cocos编辑器中进行设置。(文件--> 设置--> 数据编辑 --> 外部脚本编辑器)  。然后选择你的VS Code就可以了。

随后，你还要在Cocos编辑器中，在顶部的菜单选项中选择开发者--> VS Code 工作流 。将出现的五项内容挨个点一下。

 点完之后，控制台会出现几行绿色字体，每个人内容可能不太一样，但大体差不多。

 你在Cocos编辑器中创建的脚本文件，可以通过双击快速通过VS Code打开。

二、快速上手第一个项目

官方链接：快速上手：制作第一个游戏 · Cocos Creator

建议初学者可以上手实验一下，可以通过这个项目练习一下编辑器的基本使用；以及代码的初步编写。

官方文档中编写此项目使用的是JavaScript，本人使用的是TypeScript，感兴趣的小伙伴可以在B站搜索相关内容自学成才。

1、资源管理器目录结构

assets

        animation     --动画

        music           --音频和音乐

        prefab          --预制体

        resources    --资源

        scene          --场景

        script           --脚本

        texture        --图片资源

注意：预制体文件夹和图片资源文件夹一定要根据分类再次建立文件夹

           脚本文件夹：游戏开发模式MVC，创建相关类必须放置在相关的文件夹下（如：操作游戏数据就在ctrl下创建操作类。游戏相关数据就放在GameModel里面写。）

        开发时，需要在MainGame里面只写游戏的主要逻辑和流程。单独每个对象要单独建立一个脚本并挂载预制体上。一定要面向对象编程，不能把所有的代码都写到MainGame里面！