【CocosCreator入门教程(1)】——混个脸熟

本系列教程使用1.3以上版本

下载安装

http://www.cocos.com/download
安装过程中如果有小问题参考官方文档
http://www.cocos.com/docs/creator/getting-started/install.html
安装完后需要登陆,账号注册https://passport.cocos.com/auth/signup
打开后你就会看到这个界面
【CocosCreator入门教程(1)】——混个脸熟_第1张图片

  1. Hello World工程里包括了一个简单游戏场景
  2. 空白项目就是空白项目。。。。
  3. 范例集合里有游戏的各个功能的示例,自学的好帮手

我们选择Hello World工程先来看看我们这个她长什么样子

编辑器界面

首先,我们要双击那个像火苗的文件,也就是场景文件,打开helloworld场景就会看见入下图的界面
【CocosCreator入门教程(1)】——混个脸熟_第2张图片

A:层级管理器

显示场景里节点的位置关系
节点就是游戏里的基本元素单位,比如玩家可以是个节点,子弹也可以是个节点
层级管理器里越靠下的节点在场景里越靠前(距离屏幕越近)

B:资源管理器

存储游戏资源
支持直接拖入

C:场景编辑器

D:控制台

E:控件库

基本没用,我们点右上角把他关了,或者放在属性旁边

F:属性检查器

显示编辑器中各种元素的属性,比如点击节点就会显示节点的属性,点击图片资源就会显示图片资源的属性,在属性面板上可以进行一些相应的操作

点击一下上面的三角按钮,就可以进行预览了(可以选择模拟器和浏览器)
【CocosCreator入门教程(1)】——混个脸熟_第3张图片

外部编辑器

官方支持使用VS Code,那就用吧

今天的课就到这里,下面请同学们自习。。。

有什么问题可以在下面留言

你可能感兴趣的:(Cocos,Creator)