Cocos是触控科技推出的游戏开发一站式解决方式，包括了从新建立项、游戏制作、到打包上线的全套流程。

开发人员能够通过cocos高速生成代码、编辑资源和动画，终于输出适合于多个平台的游戏产品。

Cocos的主要产品有Cocos Studio、Cocos2d-x(Cocos Framework)、Cocos Code IDE。

Cocos Studio：是Cocos2d-x引擎配套的跨平台游戏开发工具。帮助开发人员高速构建游戏场景、编辑UI、编辑动画等游戏资源，支持第三方的资源导入。支持多种类型游戏的编辑，满足不同开发人员和公司的开发需求，而且上手easy，简单易懂，同一时候提供了丰富的技术支持和开发资源。

一、安装：

首先下载并安装Cocos的安装包，下载地址：http://cn.cocos2d-x.org/download/ 。

安装完毕后，打开启动器：

Cocos启动器的界面例如以下：

启动器是Cocos的入口，具有例如以下功能： 
    项目页面：用于项目管理，包括打开旧项目和创建新项目功能。

演示样例页面：这里能够打开CocosStudio的一些演示样例project。 
    教程页面：包括Cocos的一些教程。

 插件页面：Cocos的插件商店。眼下正在逐步丰富。 
    下载页面：下载中或已经下载的插件列表。

反馈页面：对于Cocos项目的意见、建议或者BUG都能够在这里提交，有问题也能够到这里咨询。

二、创建项目

打开Cocos启动器,创建项目,加入測试控件。如：

生成文件直接放到资源文件夹

三、使用cocos 代码：

MainScene.lua

local MainScene = class("MainScene", cc.load("mvc").ViewBase)-- 载入csb文件
MainScene.RESOURCE_FILENAME = "MainScene.csb"-- 获取UI控件
MainScene.RESOURCE_BINDING = {["Btn_1"]   = {["varname"] = "btn"},["Check_1"] = {["varname"] = "check_1"},
}function MainScene:onCreate()-- button使用self.btn:addClickEventListener(function(sender)print("info","****")end)self.check_1:setVisible(false)
endreturn MainScene

注：

-- 获取UI控件

MainScene.RESOURCE_BINDING =

{

["cocos控件名"] = {["varname"] = 引用变量名 }

...

}

讲下解ViewBase,看它怎样创建及获取UI控件：

function ViewBase:ctor(app, name)self:enableNodeEvents()self.app_ = appself.name_ = name-- check CSB resource file-- 搜索csb文件local res = rawget(self.class, "RESOURCE_FILENAME")if res then--载入CocosStudio编辑出来的*.csb 文件 self:createResoueceNode(res)end-- 查询csb文件控件名local binding = rawget(self.class, "RESOURCE_BINDING")if res and binding then-- 获取UI上的控件而且保存起来self:createResoueceBinding(binding)endif self.onCreate then self:onCreate() end
end

执行程序，如：

点击button,控制台显示:

详细控件怎样使用，可參考cocos2d-x 3.6 demo。同一时候最好看下源码。加深对控件理解。