更新于 

简介与开发工具安装

Cocos引擎简介

官方网站

cocos引擎简介

Cocos核心产品包括:

  • Cocos2d-x
  • Cocos3d
  • 编辑器 Cocos Creator
  • 游戏加速框架 Cocos Runtime
  • 智能座舱解决方案 Cocos HMI
  • 互动课件编辑器 Cocos ICE
  • XR方向各创作工具 Cocos Creator XR
什么是游戏引擎?

对于大部分游戏都包含的近似的内容,比如:

  • 基础Sprite类
  • 资源加载器ResourceLoader
  • 其它的各种方法
    • 物体移动
    • 碰撞检测
    • 子弹发射

将这些基础内容组合起来的类库,就是基础的游戏引擎

比较著名的游戏引擎
  • 团队大型开发引擎
    • DOOM引擎,《毁灭战士》,1993年,第一个商业授权的游戏引擎
    • Quake引擎,《雷神之锤》,第一款真正意义的3D引擎
    • Unreal引擎,1998年,《荒野大镖客》,Epic Games开发,专注于微软DirectX
    • Source起源引擎,2004年,Valve自研引擎,《CS:GO》
    • CryEngine引擎,CryTech,《孤岛惊魂》
  • 独立游戏开发引擎
    • Unity,C#,跨平台优势
    • Cocos引擎,跨平台,Js/Ts

Cocos Creator安装

新项目

首先下载Cocos Dashboard,cocos版本管理器

下载链接

这里安装了2种版本的cocos:

  • 2.4.10
  • 3.6.2
项目目录
  • assets 游戏资源
    • audio 音频
    • images 图片
    • scenes 场景
    • scripts 脚本
  • internal 引擎自带类库
scripts脚本的添加

鼠标右键创建新的ts脚本,
主要目的,是控制界面label组件显示的文件内容:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
const {ccclass, property} = cc._decorator;
/**
* cc 命名空间
* Component 组件
*/
@ccclass
export default class HelloWorld extends cc.Component {
// 将当前Label组件的显示内容string修改为Hello World
start () {
console.log('Hello World')
this.getComponent(cc.Label).string = "Hello World"
}

}

游戏运行
用浏览器打开的结果
用浏览器打开的结果

配置代码编辑器

点击Cocos Creator左上角:文件/设置,
在弹出的Editor Window中,进入【数据编辑】菜单进行配置:

  • 外部脚本编辑器
    • 官方推荐使用VSCode
  • 外部图片编辑器

up主还介绍了几个比较实用的VSCode快捷键: