http://cocostudio.download.appget.cn/CocosStudio/v1.6.0.0/CocosStudio_v1.6.0.0.exe…

Cocostudio 文章列表 Cocostudio(1) 容器层的使用- ScrollView ListView PageViewhttp://www.cnblogs.com/TS-qrt/articles/scroll_list_page.html Cocostudio(1) 容器层的使用-UILayout (Panel)http://www.cnblogs.com/TS-qrt/articles/panel_layout.html Cocos2dx(1) extensions_UIList…

关于编辑器部分研究的不多,但基本能使用.最近时间不是很多,因此写blog的次数越来越少了.自从玩了<保卫萝卜>时候一直想要写一下,同时练下手感.基本的结构已经写的差不多了,主要完善写UI和战斗.关于资源素材的问题要感谢下<保卫萝卜>,我用以前的一个apk版本破解后拿到的素材.申明:只用于练习使用.           CocoStudio 里面有UI编辑器,我是用的是V1.5版的.             使用CocoStudio做UI编辑确实很简单,也很精细.拖动按钮 图片就可以…

首先我们打开官方网站www.cocos2d-x.org,下载我们安装最新的cocostudio(cocos). 简介: Cocos Studio升级为cocos.更优秀的产品.更优质的服务.游戏开发一站式解决方案, 低成本.高效率:高性能,一次制作,多终端平台共享:Windows与Mac同步发布更新,团队协作更容易:丰富的插件素材库,游戏开发更灵活更便捷. 下载并安装好之后我们就可以进行一下步骤了: 1,准备我们所需要的素材资源 2,做一个背景地图 3,做角色头像面板 4,做一个音乐开关按钮 5…

原文:CocoStudio教程三:认识并利用CocoStudio的果实 原文用的老版,用2.21搞起来好像有些问题,然后自己摸索了下,有的都是乱找的方法,只求能运行... 1,原文的CCJsonReader方法新版本已更名为CCSSceneReader!  好像新版去掉了前面的CC 改为SceneReader 2,getIsLoop getRender都没有找到,只能换成其他方法了.isLoop和getNode; 运行成功,关键版本更新改变差异这么大,堪忧~ bool HelloWorld::i…

1.概述 帧事件也是新加入的功能.这篇中我们将看到如何使用它.我们将上篇中制作的动画稍加修改. 2.用途与原理 首先介绍一下帧事件.正如其名:一个与帧相关联的事件. 为什么要这么做呢?首先没人想做一大堆碎动画,然后一点一点拼着播放吧.另外,有时候流程与事件控制最好关联到帧.比如一个攻击动作,有出刀和收刀两部分.伤害自然是在刀所触到敌人时候产生的.做成两个动画比较麻烦,程序要管理大量的动画,而且美工也会很郁闷:不但给你们切图,还要给你们切动画.如果用固定时间来做,也是会有问题.比如机器卡了,帧数就…

1.概述 我们有了UI交互.有了动画人物.有了物理模拟,还差最后一步——将这些元素融合起来.这就要用到cocoStudio中的场景编辑器了.这次我们要将先前我们做过的所有东西都放到一个场景中去.这项工程比看起来是要简单. 2.创建场景 运行CocoStudio,选择SceneEditor.进入后创建一个新的工程:MyScene.然后找到先前我们制作的UI部分的导出资源.动画部分的导出资源,将其复制到这个场景工程的Resource文件夹下. 资源准备完成,我们就可以开始制作场景了.制作比较简单,就…

1.概述 使用cocoStudio可以方便的制作动画,接下来的工作就是在我们的程序中使用制作的动画.这篇中,我将使用程序将两个动画连接起来 2.关联到项目 运行脚本创建我们的项目,将导出的动画.UI放到Resource文件夹中,然后重写init方法. bool HelloWorld::init() { ////////////////////////////// // 1. super init first if ( !Layer::init() ) { return false; } Size…

1.概述 上篇说到将CocoStudio的导出文件在程序中运行出来,但是并没有用户交互,即点击响应,程序的逻辑判断也都没有.这篇中我们把它们加进去,这样就可以算一个完整的程序了. 2.界面编辑 大部分界面编辑都在CocoStudio中完成,现在我们要做的工作是将所需要交互控件的Tag记下来,这样我们可以通过Tag找到这个控件.将Tag整理后我将其记录到一个.h文件中这样在工程中就可以使用了,例如: ; ; ; ; ; 3.程序关联 关联的核心在于设置响应函数.读取与改变控件状态. 1.响应函数的…

1.概述 CocoStudio的使用无疑是cocos2d-x 3.0的重要组成部分,接下来我们用它来创建一组UI,并将其读入到程序中显示出来.先上效果图: 2.导出 在导出之前,最好先创建一个新的工程.运行我们的脚本文件,给新工程起名为:HelloStudio.编译运行,保证它没问题. 回到CocoStudio中,点选 文件 –> 导出项目 .在导出资源的位置,选择“导出使用大图”.同时将目录改为我们项目文件的Resource目录. 4.加载到程序中 bool HelloWorld::init(…

cc表示Cocos核心,ccs代表CocoStudio,ccui代表CocoStudio的UI控件…

.h #ifndef __COMMON_COMPONENTS__ #define __COMMON_COMPONENTS__ #include "cocos2d.h" #include "cocos-ext.h" USING_NS_CC; USING_NS_CC_EXT; #define ROOT_BACK_WIDTH 380 //background width #define ROOT_BACK_HEIGHT 450 //background height #d…

// // MyLoagingScene.hpp // My // // Created by work on 16/10/13. // // #ifndef MyLoagingScene_hpp #define MyLoagingScene_hpp #include <stdio.h> #include "cocos2d.h" #include <editor-support/cocostudio/CocoStudio.h> #include "ui…

详细教程:http://www.cocoachina.com/bbs/read.php?tid=161567 Table of Contents 1 游戏中的 UI 1.1 基于 Cocos2d-x 的 UI 使用现状分析 1.2 如何在游戏中使用 CocoStudio UI 框架 1.3 CocoUI 框架基本组成 2 CocoUI 框架 1 游戏中的 UI CocoStudio 是专门针 对 Cocos2d-x 而设计的一套可视化编辑工具,它能与Cocos2d-x 无缝的集成.对美工而言,可…

场景编辑器中的触发器是一种通过事件触发机制,在特定的事件被触发的时候自动执行自己预先定义的动作或者功能. 编辑器中带有一些默认的事件.条件和动作,当然也可以扩展自定义的事件.条件和动作. 触发器可以创建多个,每个触发器都有可以设置自己的:事件.条件.动作. 事件: 是指触发监听的条件,在程序代码中,我们要在希望开启触发监听的地方用sendEvent(事件ID)来启动事件监听,这时候才会检测“条件”是否满足. 默认包含8种事件,分别是SceneOnEnter.SceneOnExit.SceneIn…

1.在新项目的根文件夹下打开project.json文件,修改: "modules" : ["cocos2d", "extensions", "external"], 2.加载 var CocoStudio_index = "res/cocostudio导出的文件夹/JSON文件.json"; var res = { HelloWorld_png : "res/HelloWorld.png&quo…

来源:http://4137613.blog.51cto.com/4127613/1352805   CocosBuilder CocoStudio 控件种类 支持大部分cocos2d-x自带的常用控件.但对很多常用高级控件没有支持,比如输入框,滚动列表,进度条等 开发了一套和cocos2d-x之前的控件功能类似的控件,自成体系,常用控件上比CocosBuilder支持的更完备,输入框,滚动列表,进度条都支持,很多控件可以开启九宫格做优化 裁剪 不支持 支持 按键回调 支持 支持 UI动画 支持…

由于是引用别人的,所以直接贴上地址了.http://www.cocoachina.com/bbs/read.php?tid=164820&fpage=7 1 游戏中必不可少的 UI 元素     一个成功的游戏离不开友好的用户体验,而用户体验则取决于功能是否合理,界面是否美观等因素,除了游戏的核心玩法之外,游戏中的各种“配置功能”也是必不可缺的,更准确的说,游戏中存在那么些必不可少的 UI 元素.  上图所示是近期非常火爆的游戏<乱斗堂>的截图,内容是其“配置界面”,如果要实现这样一个…

cocos3.10 使用cocostudio 回调特性 c++版本说明 好久没捣鼓cocos2dx了,又拿起来玩玩,看着版本一次次的升级,真的好快,今天用cocos3.10版本测试下时间特性功能,跟着官方文档去做都挺顺利,唯一最后一步代码不知道该放哪里,下午吃完饭回来,又在看官方的这句话(官方地址http://www.cocos.com/doc/article/index?type=Cocos%20Studio&url=/doc/cocos-docs-master//manual/studio/…

打开CocoStudio UI编辑器新项目,设置画布480*320, 加入�一个标签和一个button控件 导出项目,生成所须要的资源文件, 拷贝到cocos2dprojectResources文件夹下 添�代码: 头文件: #include "cocos2d.h" #include "cocos-ext.h" USING_NS_CC; USING_NS_CC_EXT; using namespace ui; 载入cocostudio资源创建控件 _touchgro…

概述 游戏中人物的状态会发生改变,而这种改变通常要通过局部的变化来表现出来.比如获得一件装备后人物形象的改变,或者战斗中武器.防具的损坏等.这些变化的实现就要通过动态换肤来实现.在接下来的这个Demo中,点击屏幕会动态更换小人手中的武器.先上图: 制作动画 我这里使用cocostudio自带的动画工程,HeroAnimation,打开. 添加我们的资源 插入渲染资源 更多内容还请移步 http://www.sollyu.com/562/…

转眼七月份就到了,2014已经过了一半,而我也最终算是有"一年工作经验"了,开心ing. 回想这一年Cocos2dx的游戏开发经历,去年下半年重心主要在游戏的逻辑上,而今年上半年重心转至UI上,如今看来也算是有个比較全面的锻炼. 一直想系统的学下lua,但是总被这个事那个事给耽搁了.我是个挺懒的人,下班后的时间更偏向于做一些代码之外的事,周末差点儿都是东奔西跑,呆在家里也是玩玩LOL. 也不知道这样的习惯究竟好不好.我以前一度想想大多程序猿一样,熬夜到两三点研究学习下新知识,但最终都以…

1.我们在VS中找到"解决方案资源管理器", 在解决方案"HelloCocos"上点击右键, 选择添加现有项目. 在弹出的对话框中选择*************\cocos2d\cocos\editor-support\cocostudio\proj.win32\libCocosStudio.vcxproj 然后继续添加*************\cocos2d\extensions\proj.win32\libExtensions.vcxproj 然后继续添加**…

在编辑器中使用Button控件调用setBright(false)函数控件会不显示 开始以为是代码哪调用了setVisible(false)就在底层函数void Node::setVisible(bool visible)中打了个断点,结果程序运行是没断在这,就在思考还有哪能让它不见呢? 试过打log还是没发现问题,再试log运行顺序,在最后log处停留下来尝试移动位置,注释代码等方法,最后使用注释代码发现是调用setBright(false)函数的问题. 此时返回cocostudio中找不同点…

今天在用Armature类时用到cocostudio导出文件,由于美术的原因他使用的是中文命名法(这你敢相信),后面在导入程序中跟了下代码发现是解析plist文件有误,我就来比较正常功能文件和有错文件,比较文件出现在下面的不同地方,开始没仔细检查,我替换图片文件名发现还是不能正确解析plist文件,我还认为是中间有空格什么格式的原因,但是mac是utf-8编码不应该出现这问题的,后来无意中发现是字段ustring/string的问题. 这...…

在使用cocostudio时,在释放内存时能够这样做: 在onExit()方法里加入例如以下: void LoadLayer::onExit() { // 释放本对象自己 removeFromParentAndCleanup(true); // 清理GUI管理类(这个不要放到最后清理) GUIReader::shareReader()->purge(); // 清理场景管理(全部读取的场景都会被清理掉) SceneReader::sharedSceneReader()->purge(); //…

这同时录制两个控件的使用方法:LoadingBar和 TextField. ---------------------------------------------------------------------------------------------------------------------------- LoadingBar ----------------------------------------------------------------------------…

cocostudio创建UI并应用时须要引用cocostudio库,须要额外的环境配置: 之前已经搭配好了基础的开发环境,包含 1) JDK 2) Python 2.7 3) ant 4) visual Studio 2012 5) eclipse + ADT 这些都比較简单,然后也创建了project而且成功编译出了下面界面: 但之后尝试使用利用cocostudio做UI是发现还有非常多问题,环境仍然没有全然配置好. 研究好久最终攻克了: 右键项目 -> 属性 连接器->输入->附加依…

CocoStudio安装包及实例project:http://www.cocoachina.com/bbs/read.php?tid=154886 CocoStudio视频教程系列:http://mobile.51cto.com/aengine-399044.htm…

我在之前的博客里也写到过,如今cocos引擎提供了一键打包.很方便. 今天正好做个測试,想用引擎的一键打包弄个apk的安卓包.以下就简介一下详细过程和自己的一些理解: 先说一下项目背景,因为我的电脑是windows系统,所以我的cocosproject是win32平台上的,也就是整个project文件夹下的\pro.win32文件夹下的那个project,假设你用的是Mac开发,那么你的项目project应该是\proj.ios_ma下的那个. 话说回来,这个\pro.win32文件夹下的pro…