Cocos Creator 开发入门

H5小游戏，基本都是用的Cocos Creator和LayaBox，egret 这三款引擎IDE。

Cocos Creator官网：https://www.cocos.com/

LayaBox 官网：http://www.layabox.com/。
我入门微信小游戏开发就是从Laya开始的，所以对laya会有特殊的感情。值得一提的是，laya因为有腾讯入股，所以技术支持还是很大方的。

白鹭官网：https://www.egret.com/

今天主要说下 Cocos Creator 是什么，如何使用去开发H5小游戏。

Cocos Creator 是国内开源的一款具备2D，3D能力的游戏开发引擎。一般而言，轻度，中度H5游戏基本都会使用它来开发，当然也有些重度H5也有用它开发的。

需要注意的是，“Cocos Creator是借用Unity 3D的操作方式,开发的另一个引擎(号称中国版的Unity)。虽然名字里也带Cocos,但和Cocos 2DX是两个不同的引擎。”

一提到开发游戏，应用层开发的小伙伴就会感觉很累，其实不然。今天说的这三款引擎诞生的目的，就是为了跨平台，小成本的去实现H5游戏，不需要你精通计算机图形学，就可以上手。

概念已经介绍清楚了，那入门第一步就是安装环境和开发工具：

首先我们需要安装Cocos Creator这款开发引擎即可，Cocos官方的开发环境安装相当简单，已经帮忙封装好了，不需要你配置什么乱七八糟的开发环境。

先去官网下载仪表盘Dashboard。这是Cocos官方提供的开发集成环境管理的软件。编译器就是IDE会像插件的形态，按照版本下载。

https://www.cocos.com/creator 下载最新版本的Dashboard即可。

需要注意的是，编译器也就是IDE和引擎是捆绑在一起的，所以不同版本的引擎就是不同版本的IDE。

下载安装Dashboard完成后。我们需要点击右上角的“齿轮”设置按钮。去下载引擎版本。老规矩，选最新的即可。

接下来就是HelloWorld时间了。

新创建的demo效果：

运行效果：

接下来添加脚本代码：

import { _decorator, Component, Node } from 'cc';  const { ccclass, property } = _decorator;@ccclass('HelloWorld')
export class HelloWorld extends Component {start () {// Your initialization goes here.console.info('Hello world');}
}

双击新建的脚本，脚本会自动在脚本编辑器中打开，前提是需要在编辑器菜单栏的 Cocos Creator -> 偏好设置 -> 外部程序 -> 默认脚本编辑器中指定好使用的脚本编辑器。

然后在脚本中添加 start() 函数，start() 函数会在组件第一次激活时调用，并输出 “Hello world”。

在层级管理器中选中创建的 Cube 节点，然后在属性检查器面板最下方点击添加组件 -> 自定义脚本 -> HelloWorld，即可将脚本挂载到 Cube 节点上。或者也可以直接将脚本拖拽到属性检查器面板。

Run起来项目，检查脚本打印的日志：浏览器自动打开后，F12去查看log

初次创建并打开一个 Cocos Creator 项目后，开发者项目文件夹的结构如下：

assets：资源目录

build：构建目录（在构建某平台后会生成该目录）

library：导入的资源目录

local：日志文件目录

profiles：编辑器配置

temp：临时文件目录

package.json：项目配置

Cocos Creator 开发入门相关推荐

Cocos Creator 开发QQ玩一玩入门到放弃？
Cocos Creator 开发QQ玩一玩入门到放弃? 文章目录 Cocos Creator 开发QQ玩一玩入门到放弃? 1.环境搭建 1.1 开发工具准备 1.1.2 官方站点 1.1.3 编辑器使 ...
vscode函数跳转插件_人生苦短，我们为 Cocos Creator 开发的插件和工具
在使用 Cocos Creator 开发项目的过程中,为了提高开发效率我们开发了很多扩展插件,本文介绍常用的几款,抛砖引玉,希望给大家带来帮助. 腾讯开心鼠英语网页扩展:运行时查看场景节点树 Coc ...
Cocos Creator 开发实战——篮球物理游戏
Cocos Creator 开发实战--篮球物理游戏知识点教程基础背景搭建物理系统篮网制作篮球结语 Cocos Creator 开发实战--篮球物理游戏本篇文章教大家实现篮球物理游戏最 ...
cocos creator 开发浅塘游戏(1) 软件安装
cocos creator 开发浅塘游戏文章目录 cocos creator 开发浅塘游戏一.浅塘游戏二.使用软件 1.cocos creator 2.vs code 一.浅塘游戏浅塘是一款华 ...
Cocos Creator 开发环境安装
Cocos Creator 开发环境安装 1 下载 dashboard 官网 Cocos引擎_游戏开发引擎顶栏中找到产品 | Cocos Creator 下载 DashBoard 安装 Dashb ...
asp.net js函数弹出登录窗口_JS基础 | Cocos Creator 开发环境搭建
编程并不只是简单地写代码,而是要将编写的代码运行在指定平台环境上,在此之前我们还需要搭建生产代码的环境. 一. 软件准备 Chrome:浏览器,用于预览.调试我们的游戏 VSCode:代码编辑器,用于 ...
cocos creator开发微信小游戏(五)贪吃蛇大作战
目录小游戏介绍小游戏cocos creator场景图小游戏部分JS代码开发中碰到的问题工程及说明小游戏介绍贪吃蛇小游戏:贪吃蛇试玩(首次加载比较慢),类似贪吃蛇大作战的小游戏.当玩家的蛇 ...
cocos creator开发攀爬类游戏
最近使用cocos creator制作了一个攀登楼梯的游戏,使用到了cocos creator 的碰撞系统,动画系统,还使用了骨骼动画. 这个游戏本身是一个3d游戏,使用2d引擎表现出来的效果自然比不 ...
Cocos Creator开发技术研究：微信小游戏中音效中断问题处理
转载自麒麟子博客:https://qilinzi.blog.csdn.net/article/details/89488323 音效可谓是一个小游戏的灵魂了. 某些玩法离开了音效更是不可能,比如别踩白 ...

Cocos Creator 开发入门

Cocos Creator 开发入门

Cocos Creator 开发入门相关推荐

最新文章

热门文章