cocos2dx3.3 使用cocos studio2.0 导出的.csb文件

转载 2015年09月06日 12:23:38

直接上步骤:(以COCOS2DX-JS 框架自带的飞机为例子)

1. 打开cocos studio2.0 新建节点文件



2. 导入资源,并按照需要设计新建的节点文件



红色框内为导入的资源,蓝色框内为csd文件的布局(注意,背景图坐标设置为(0,0),锚点设置为(0,0),其他元素锚点设置为(0.5,0.5),按钮设置成Button类型,并设置normal和selected时的图片资源

3. 发布项目至vs2013(cocos studio默认发布项目文件为res,而不是Resource[不知道怎么设置发布路径],故把资源和生成的csb文件拷到Resource文件下)

4. 打开vs2013,加入如下代码

  1. _rootNode = CSLoader::createNode("menu.csb");this->addChild(_rootNode, 1);auto newBtn = dynamic_cast<Button*>(_rootNode->getChildByName("newBtn"));newBtn->addTouchEventListener(CC_CALLBACK_1(MainScene::newBtnCallback, this));auto optionBtn = dynamic_cast<Button*>(_rootNode->getChildByName("optionBtn"));optionBtn->addTouchEventListener(CC_CALLBACK_1(MainScene::optionBtnCallback, this));auto aboutBtn = dynamic_cast<Button*>(_rootNode->getChildByName("aboutBtn"));aboutBtn->addTouchEventListener(CC_CALLBACK_1(MainScene::aboutBtnCallback, this));  


相应的时间监听函数设置成成员函数即可

  1. //开始游戏void MainScene::newBtnCallback(cocos2d::Ref* pSender){}//选项框void MainScene::optionBtnCallback(cocos2d::Ref* pSender){}//关于框void MainScene::aboutBtnCallback(cocos2d::Ref* pSender){}  


5.编译运行




直接上步骤:(以COCOS2DX-JS 框架自带的飞机为例子)

1. 打开cocos studio2.0 新建节点文件



2. 导入资源,并按照需要设计新建的节点文件



红色框内为导入的资源,蓝色框内为csd文件的布局(注意,背景图坐标设置为(0,0),锚点设置为(0,0),其他元素锚点设置为(0.5,0.5),按钮设置成Button类型,并设置normal和selected时的图片资源

3. 发布项目至vs2013(cocos studio默认发布项目文件为res,而不是Resource[不知道怎么设置发布路径],故把资源和生成的csb文件拷到Resource文件下)

4. 打开vs2013,加入如下代码

  1. _rootNode = CSLoader::createNode("menu.csb");this->addChild(_rootNode, 1);auto newBtn = dynamic_cast<Button*>(_rootNode->getChildByName("newBtn"));newBtn->addTouchEventListener(CC_CALLBACK_1(MainScene::newBtnCallback, this));auto optionBtn = dynamic_cast<Button*>(_rootNode->getChildByName("optionBtn"));optionBtn->addTouchEventListener(CC_CALLBACK_1(MainScene::optionBtnCallback, this));auto aboutBtn = dynamic_cast<Button*>(_rootNode->getChildByName("aboutBtn"));aboutBtn->addTouchEventListener(CC_CALLBACK_1(MainScene::aboutBtnCallback, this));  


相应的时间监听函数设置成成员函数即可

  1. //开始游戏void MainScene::newBtnCallback(cocos2d::Ref* pSender){}//选项框void MainScene::optionBtnCallback(cocos2d::Ref* pSender){}//关于框void MainScene::aboutBtnCallback(cocos2d::Ref* pSender){}  


5.编译运行

直接上步骤:(以COCOS2DX-JS 框架自带的飞机为例子)

1. 打开cocos studio2.0 新建节点文件



2. 导入资源,并按照需要设计新建的节点文件



红色框内为导入的资源,蓝色框内为csd文件的布局(注意,背景图坐标设置为(0,0),锚点设置为(0,0),其他元素锚点设置为(0.5,0.5),按钮设置成Button类型,并设置normal和selected时的图片资源

3. 发布项目至vs2013(cocos studio默认发布项目文件为res,而不是Resource[不知道怎么设置发布路径],故把资源和生成的csb文件拷到Resource文件下)

4. 打开vs2013,加入如下代码

  1. _rootNode = CSLoader::createNode("menu.csb");this->addChild(_rootNode, 1);auto newBtn = dynamic_cast<Button*>(_rootNode->getChildByName("newBtn"));newBtn->addTouchEventListener(CC_CALLBACK_1(MainScene::newBtnCallback, this));auto optionBtn = dynamic_cast<Button*>(_rootNode->getChildByName("optionBtn"));optionBtn->addTouchEventListener(CC_CALLBACK_1(MainScene::optionBtnCallback, this));auto aboutBtn = dynamic_cast<Button*>(_rootNode->getChildByName("aboutBtn"));aboutBtn->addTouchEventListener(CC_CALLBACK_1(MainScene::aboutBtnCallback, this));  


相应的时间监听函数设置成成员函数即可

  1. //开始游戏void MainScene::newBtnCallback(cocos2d::Ref* pSender){}//选项框void MainScene::optionBtnCallback(cocos2d::Ref* pSender){}//关于框void MainScene::aboutBtnCallback(cocos2d::Ref* pSender){}  


5.编译运行

相关文章推荐

【cocos2d-x 2】关于CocosStudio编辑出的csb的简单使用

说明:cocos2d-x版本为 3.4,cocosStudio版本为2.1.5  cocosStudio 我个人目前的认识,以为就是一个界面编辑器。界面通过美工可以排布好,然后把发布的csb...
  • HongHuer
  • HongHuer
  • 2015年03月30日 17:24
  • 20237

让cocos2d-x 3.0读取cocostudio中的csb文件

现在cocostudio的功能越来越完善,还支持导出二进制的csb文件。可惜现在项目使用的还是3.0版本,不支持csb解析,总不至于为了一个解析功能将整个库升级吧,这也太小题大做了。 因为这个csb...

使用x-studio365导入csb并发布到CocosStudio2.x兼容工程

1.首先通过菜单【文件】【新建工程】新建一个空工程2.然后通过【文件】【导入】【CocosStudio已发布资源(*.csb)】 选择导入文件资源根目录,注意资源根目录的确定方法,首先用x-s...
  • xyzzf
  • xyzzf
  • 2017年03月12日 21:58
  • 2102

【独立开发者er Cocos2d-x实战 001】csb文件导出和加载

【独立开发者er Cocos2d-x实战 001】csb文件导出和加载 然后在cocos工程中进行加载csb文件:  auto myLayout = CSLoader::createNode...

cocos2d 由导出文件.csb反推出cocosUI工程

最近遇到一个需求,只有cocos studio导出的UI资源(.csb)文件,但是需要修改UI工程,我就想有没有方案通过csb反推出一个UI工程。首先需要理解csb文件是如何解析的,新建一个简单的co...

cocos2dx 新版本骨骼动画.csb文件的简单使用

旧版本的cocostudio导出的动画是json格式的,包含资源图,plist文件,和一个json文件; 新版的骨骼动画统一了格式为csb,实现起来比较简单,只是调用方法与以前不同: 先打...

让cocos2d-x 3.0读取cocostudio中的csb文件

让cocos2d-x 3.0读取cocostudio中的csb文件     ​  现在cocostudio的功能越来越完善,还支持导出二进制的csb文件。可惜现在项目使用的还是3.0版本,不支持...

Cocos2dx:用Photoshop自动创建CocosStudio.csd文件——cocos3.10

工欲善其事必先利其器,趁手的工具会让生活美好许多,虽然Cocos2d-x,提供了Cocos Studio 2编辑器,但是在美术人员把美术部分绘制完成后,要在Cocos Studio 2编辑器呈现出来...
  • ZBJDSBJ
  • ZBJDSBJ
  • 2016年04月12日 18:28
  • 1678

【独立开发者er Cocos2d-x实战 001】csb文件导出和加载

原文地址:http://blog.csdn.net/chenqiai0/article/details/46633407/ 使用cocos studio进行资源文件导出: ...

00003 不思议迷宫.0010.1.1.2:csb解析显示

00003 不思议迷宫.0010.1.1.2:csb解析显示 Mac上调试app有点蛋疼,每次运行都要打包来打包去,慢。我对Xcode不熟,不会修改工程文件让它不打包。我决定,换到Windows下,...
  • tiewen
  • tiewen
  • 2017年02月27日 22:18
  • 298
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:cocos2dx3.3 使用cocos studio2.0 导出的.csb文件
举报原因:
原因补充:

(最多只允许输入30个字)