游戏开发引擎Cocos Creator 入门篇

avatar
UI转码研究员 @技术支撑能力有限公司

什么是 Cocos Creator?

Cocos Creator 是一个完整的游戏开发解决方案,包含了轻量高效的跨平台游戏引擎,以及能让你更快速开发游戏所需要的各种图形界面工具。

为什么选择 Cocos Creator?

因为Cocos Creator 编辑器提供面向设计和开发的两种工作流,提供简单顺畅的分工合作方式。目前支持发布游戏到 Web、iOS、Android、各类"小游戏"、PC 客户端等平台。学习成本不至于太高,而且一次开发,全平台运行

学习前提

至少对游戏感兴趣吧!有一定游戏方面的创意其实也很有必要,毕竟谁也不想辛辛苦苦弄出来的游戏无人问津。最好会点javascript的基础,因为开发编辑脚本就是typescript(javascript的超集),虽然不是必须。

准备工作

前面说了那么多“肺腑(fei)之言(hua)”,最终还是得付诸行动的,让我们开始吧!

相关链接

下载和安装

启动运行

作为一名资深的攻城狮,怎么可以不写hello world,括弧笑!直接上图:

image.png

image.png

这时候可能还需要登录一下账号,跟前面操作差不多。创建完成以后,你看到的界面大概是这样子:

image.png

什么?!居然不是中文,叔能忍,婶不能忍!!!

image.png

image.png 从此与世界接轨!!!

界面介绍

image.png

  • 资源管理器:用于存放项目资源文件夹,其中assetsinternal是默认文件夹。
  1. assets一般按照材质、模型、场景的创建资源文件夹,如需要自行细分,可自行调整。
  2. internal用来存放编辑器自带的资源文件,不可编辑,基本可以忽略。
  • 场景编辑器:用于展示和编辑场景中可视内容的工作区域,与资源管理器创建的场景对应。

  • 层级管理器:用树状列表的形式展示场景中的所有节点和它们的层级关系,所有在 场景编辑器 中看到的内容都可以在 层级管理器 中找到对应的节点条目。

  • 属性检查器:用于查看并编辑当前选中节点及其组件属性的工作区域

  • 资源预览:在 资源管理器 中选中资源,即可在 资源预览 面板中显示资源的缩略图。若选中资源所在的文件夹,即可显示文件夹下所有资源的缩略图,方便查看。

  • 动画编辑器:用于制作一些不太复杂的、需要与逻辑进行联动的动画,例如 UI 动画。

  • 控制台:用于显示报错、警告或其他 Cocos Creator 编辑器和引擎生成的日志信息。

效果预览

当你完成编辑后,想预览一下效果,可以在界面正上方找到:

image.png

点击图中像播放图标的按钮后,则可以直接预览你的编辑成果了:

image.png