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

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

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)
end

return MainScene

注：

-- 获取UI控件

MainScene.RESOURCE_BINDING =

{

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

    ...

}

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

function ViewBase:ctor(app, name)
    self:enableNodeEvents()
    self.app_ = app
    self.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)
    end

    if self.onCreate then self:onCreate() end
end

    点击button,控制台显示:

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