10838人阅读
Cocos2d-x游戏开发《赵云要格斗》（15）
& & & & &这里是的博客，欢迎大家前来讨论与交流～～～～～～
& & &&&&转载请注明出处
& & & & 本文主要讲了怎么用Cocos Studio制做登陆界面，并导出成Json文件，直接在coco2d-x中来调用。这样做的好处就是界面和代码是分离的，你如果想改界面的话，就可以直接在外面用Cocos
Studio来修改，只要不修改按钮之类的名称，你的功能代码完全不用修改，只要将导出的Json文件和图片资源替换下就OK了，这样子的开发效率将会大大提高！
cocos2d-x版本：2.2.5
工程环境：windows7+VS2010
打开方式：将工程放在cocos2d-x安装目录下的project文件夹下用VS打开
本文效果：
一、Cocos Studio制做登陆界面
& & & &首先，这里一定要注意Cocos2d-x和CocosStudio对应的版本，要不Cocos2d-x可能会用不了你制作的界面或动画等。
& &版本对应列表：&
Studio2.x&
CocosStudio版本 & & &对应Cocos2d-x版本
& &JS版本 & && &备注&
v2.1beta & & & & & & && & & & & &v3.4beta0 & & & && & & & &None & & & & && &已分离出，可以将reader拉取到其他版本cocos2d-x，以支持新版本的CocosStudio&
v2.0.6 & & & & & & && & & & & & & &v3.3final & && & & & & & & &None&&
v2.0.5&& & & & & && & & & & & & & &v3.3rc2 && & & & & & & & & &None&
v2.0.2& & & & & & && & & & & & & & v3.3rc2 & && & & & & & & & &None&
v2.0beta0& & & & & & && & & & & v3.3rc0 & & & & && & & & & &v3.1&
Studio1.x&
CocosStudio版本
<span style="color:#d-x版本&
<span style="color:#d-x版本
PS：一般来说高版本<span style="color:#dx能加载低版本的Studio1.x数据，高版本的Studio1.x数据不一定能够被低版本的<span style="color:#d-x加载
& &这里要注意，你是什么版本的就下什么版本的，要不可能无法调用。。Cocos Studio自己去找下资源然后安好。基本没啥问题。
下面我们来开始一个简单的教程吧，
<span style="color:#.首先，打开Cocos Studio，然后选择界面编辑器，这里还可以选择其它的，比如动画、场景
<span style="color:#.然后这是UI Editor的界面，里面有一些范例，你也可以直接拿去用，或者自己把图片改下
<span style="color:#.点击文件，新建
<span style="color:#.点击画布，更改界面大小为你的游戏的界面的大小
<span style="color:#.然后直接将要用到的图片，背景图片和按钮图片，拖到右上角的Resources。如下：
<span style="color:#.然后我们来看下如何更改界面的背景，其实就是直接拖图片，记得要先选好panel_14：
<span style="color:#.然后是效果，同时要在上面放按钮，并加图片，这里要记得图片的名字：命名为Begin：
<span style="color:#.按照上面的流程，把图片都放上去好了之后，依次添加其它按钮，并将它们对齐
<span style="color:#.最后一步，文件-》导出项目
<span style="color:#.导出的东西就在你这个项目Export文件夹下：
这是导出选择大图的情况：
这是导出时选择小图的情况：
看到了吧。图片少的时候，这就是导出的区别了，图片多的时候还是推荐用导出大图的，要不会有一大堆的图片。
这样子，界面就做好了，我们可以直接在cocos2dx中来调用了。
二、Cocos2dx使用Json文件
<span style="color:#.在这里，我们随便新建一个工程,先把上面的资源Json、图片所有都放到工程的Resource文件夹下：
<span style="font-size:18 color:#.在新建工程HelloWorldScene.h中添加头文件
&span style=&font-size:18color:#333333;&&#include &cocos2d.h&
#include &cocos-ext.h&
USING_NS_CC;
USING_NS_CC_EXT;
//重点要记得，要不会出现error C2065: “SEL_TouchEvent”: 未声明的标识符&/span&并且添加按钮的回调事件
&span style=&font-size:18color:#333333;&&void touchButton(cocos2d::CCObject* obj,gui::TouchEventType type);&/span&
<span style="color:#.然后在Init（）函数中增加：
//加载cocos studio制作的界面
gui::TouchGroup* ul = gui::TouchGroup::create();
gui::Layout* equipe_root =dynamic_cast&gui::Layout*&(GUIReader::shareReader()-&widgetFromJsonFile(&MyLogin_1.ExportJson&));
ul-&addWidget(equipe_root);
this-&addChild(ul, 2);
//给开始按钮添加事件监听
gui::Button *Btn_Begin = dynamic_cast&gui::Button*&(equipe_root-&getChildByName(&Begin_Game&)); //Begin_Game为在Cocos Studio中定义的按钮的名称
Btn_Begin-&addTouchEventListener(this,toucheventselector(HelloWorld::touchButton));
4.回调函数的实现
void HelloWorld::touchButton(cocos2d::CCObject* obj,gui::TouchEventType type)
switch (type)
case gui::TouchEventType::TOUCH_EVENT_BEGAN:
CCLOG(&Button Down&);//按钮按下
case gui::TouchEventType::TOUCH_EVENT_MOVED:
CCLOG(&Button Down and Mouse move&);//按钮按下移动
case gui::TouchEventType::TOUCH_EVENT_ENDED:
CCLOG(&Button Up&);//放开按钮
case gui::TouchEventType::TOUCH_EVENT_CANCELED:
CCLOG(&Button Cancel&);//取消按钮
然后我们来看看效果：
&这就是一个简单的例子，界面制作很简单，而且以后要更换图片什么的也很方便，开发的效果大大提高。这一讲就到这里了，下一讲我们将把这个应用到我们的游戏中去。
这就是下一讲的效果：
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：1983775次
积分：19398
积分：19398
排名：第520名
原创：275篇
评论：1436条
阅读：60811
阅读：89104
文章：13篇
阅读：103623
文章：18篇
阅读：182794
文章：23篇
阅读：236286
(10)(10)(10)(1)(10)(4)(10)(10)(1)(6)(4)(6)(3)(12)(10)(11)(12)(14)(21)(28)(13)(16)(15)(4)(2)(13)(16)(2)(1)&>&Cocos2d-x 游戏加载界面
Cocos2d-x 游戏加载界面
上传大小：13.29MB
利用CCProgressTimer实现游戏加载界面的进度条
综合评分：5（4位用户评分）
下载个数：
{%username%}回复{%com_username%}{%time%}\
/*点击出现回复框*/
$(".respond_btn").on("click", function (e) {
$(this).parents(".rightLi").children(".respond_box").show();
e.stopPropagation();
$(".cancel_res").on("click", function (e) {
$(this).parents(".res_b").siblings(".res_area").val("");
$(this).parents(".respond_box").hide();
e.stopPropagation();
/*删除评论*/
$(".del_comment_c").on("click", function (e) {
var id = $(e.target).attr("id");
$.getJSON('/index.php/comment/do_invalid/' + id,
function (data) {
if (data.succ == 1) {
$(e.target).parents(".conLi").remove();
alert(data.msg);
$(".res_btn").click(function (e) {
var parentWrap = $(this).parents(".respond_box"),
q = parentWrap.find(".form1").serializeArray(),
resStr = $.trim(parentWrap.find(".res_area_r").val());
console.log(q);
//var res_area_r = $.trim($(".res_area_r").val());
if (resStr == '') {
$(".res_text").css({color: "red"});
$.post("/index.php/comment/do_comment_reply/", q,
function (data) {
if (data.succ == 1) {
var $target,
evt = e || window.
$target = $(evt.target || evt.srcElement);
var $dd = $target.parents('dd');
var $wrapReply = $dd.find('.respond_box');
console.log($wrapReply);
//var mess = $(".res_area_r").val();
var mess = resS
var str = str.replace(/{%header%}/g, data.header)
.replace(/{%href%}/g, 'http://' + window.location.host + '/user/' + data.username)
.replace(/{%username%}/g, data.username)
.replace(/{%com_username%}/g, data.com_username)
.replace(/{%time%}/g, data.time)
.replace(/{%id%}/g, data.id)
.replace(/{%mess%}/g, mess);
$dd.after(str);
$(".respond_box").hide();
$(".res_area_r").val("");
$(".res_area").val("");
$wrapReply.hide();
alert(data.msg);
}, "json");
/*删除回复*/
$(".rightLi").on("click", '.del_comment_r', function (e) {
var id = $(e.target).attr("id");
$.getJSON('/index.php/comment/do_comment_del/' + id,
function (data) {
if (data.succ == 1) {
$(e.target).parent().parent().parent().parent().parent().remove();
$(e.target).parents('.res_list').remove()
alert(data.msg);
//填充回复
function KeyP(v) {
var parentWrap = $(v).parents(".respond_box");
parentWrap.find(".res_area_r").val($.trim(parentWrap.find(".res_area").val()));
评论共有4条
可以得，有帮助，谢谢分享
这个是常规的游戏开始的，貌似不是加载资源进度的，不过还是收下了，谢谢发布！
谢谢分享，在自己的游戏中试了，还不错
yincheng01
综合评分：
积分/C币：3
综合评分：
积分/C币：3
综合评分：
积分/C币：5
综合评分：
积分/C币：2
综合评分：
积分/C币：5
综合评分：
积分/C币：5
综合评分：
积分/C币：50
综合评分：
积分/C币：2
综合评分：
积分/C币：2
综合评分：
积分/C币：3
VIP会员动态
CSDN下载频道资源及相关规则调整公告V11.10
下载频道用户反馈专区
下载频道积分规则调整V1710.18
spring mvc+mybatis+mysql+maven+bootstrap 整合实现增删查改简单实例.zip
资源所需积分/C币
当前拥有积分
当前拥有C币
扫码关注并点击右下角获取下载码
输入下载码
为了良好体验，不建议使用迅雷下载
Cocos2d-x 游戏加载界面
会员到期时间：
剩余下载个数：
剩余积分：
为了良好体验，不建议使用迅雷下载
积分不足！
资源所需积分/C币
当前拥有积分
您可以选择
程序员的必选
绿色安全资源
资源所需积分/C币
当前拥有积分
当前拥有C币
(仅够下载10个资源)
为了良好体验，不建议使用迅雷下载
资源所需积分/C币
当前拥有积分
当前拥有C币
为了良好体验，不建议使用迅雷下载
资源所需积分/C币
当前拥有积分
当前拥有C币
您的积分不足，将扣除 10 C币
为了良好体验，不建议使用迅雷下载
你当前的下载分为234。
你还不是VIP会员
开通VIP会员权限，免积分下载
你下载资源过于频繁，请输入验证码
您因违反CSDN下载频道规则而被锁定帐户，如有疑问，请联络:!
若举报审核通过，可奖励5下载分
被举报人：
举报的资源分：
请选择类型
资源无法下载
资源无法使用
标题与实际内容不符
含有危害国家安全内容
含有反动色情等内容
含广告内容
版权问题，侵犯个人或公司的版权
*详细原因：
Cocos2d-x 游戏加载界面只有VIP会员才可以下载课程视频哦～
你可以添加极客老师QQ获取课程相关资料～
制作游戏关卡界面
本课程为极客学院认证学员专享课程，完成认证即可观看
免费认证 &
认证学员特权
观看80%会员课程
点亮专属认证标识
获得个性化课程推荐
资源下载、专属优惠等
已有会员账号，请
视频太卡？试试切换线路
本课时学习通过单点触摸机制 onTouchBegan 来得到点击到的人物，并通过 onTouchMoved 进行人物的移动。
本课时通过之前获取到的关卡数据，学习用 TableView 类显示出游戏的关卡，并用 Action 动画美化显示效果。
本课时学习判定是否过关，并用 Action 动画美化过关效果，用 UserDefault 类存储玩家所走的步数信息。
本课时学习使用 SimpleAudioEngine 声音引擎，来进行播放背景音乐或播放音效。
只有成为VIP会员才能提问&回复，快吧！如果你还没有账号你可以一个账号。
添加新技术问题
课程 [制作游戏关卡界面]
中已存在问题
添加新技术问题
问题描述越详细，被解答的速度越快
有新回答时请邮件提醒我
着急，拜托快点
不急，慢慢解决
关联课程 [制作游戏关卡界面]主题 : android程序启动界面
级别: 新手上路
可可豆: 51 CB
威望: 52 点
在线时间: 11(时)
发自: Web Page
android程序启动界面&&&
我用cocos2dx开发了一个android游戏。现在遇到一个问题，由于程序比较大，有100多M,游戏启动到显示登录界面之间会有超过一分钟的黑屏时间，我希望用一张图片来替换这个黑屏。从logcat的日志来看，游戏启动的时候Cocos2dxActivity里的代码会首先被运行，我感觉应该可以在这里加入我要的图片。有没有谁有这方面经验的，希望你能分享一下，或者相关的链接也行。谢谢。
级别: 新手上路
可可豆: 51 CB
威望: 52 点
在线时间: 11(时)
发自: Web Page
已解决。可以在Cocos2dxActivity的派生类中添加view
级别: 新手上路
UID: 220561
可可豆: 106 CB
威望: 84 点
在线时间: 69(时)
发自: Web Page
建议使用多线程，先让引擎跑起来，这样你主线程可以显示图片，子线程做资源加载和解析！
级别: 新手上路
可可豆: 0 CB
威望: 0 点
在线时间: 4(时)
发自: Web Page
请问如何做,有示例代码么,我第一个页面加载比较多的纹理,会黑屏6秒钟,如何作出开机动画的效果
级别: 新手上路
可可豆: 0 CB
威望: 0 点
在线时间: 4(时)
发自: Web Page
在Cocos2dxGLSurfaceView加载好之前,自定义一个View做背景么
级别: 新手上路
可可豆: 0 CB
威望: 0 点
在线时间: 4(时)
发自: Web Page
在Cocos2dxGLSurfaceView加载好之前,自定义一个View做背景么
级别: 新手上路
可可豆: 61 CB
威望: 11 点
在线时间: 510(时)
发自: Web Page
建议可以在主页面显示之前插入一个自定义的view，然后再通过这个view来加载主页面
关注本帖(如果有新回复会站内信通知您)
发帖、回帖都会得到可观的积分奖励。
按"Ctrl+Enter"直接提交
关注CocoaChina
关注微信 每日推荐
扫一扫 关注CVP公众号
扫一扫 浏览移动版}