广告合作QQ：76874919

Cocos2d-x显示中文与字幕滚动--之游戏开发《赵云要格斗》（14）

Cocos2d-x 2019-05-18

这里是林炳文Evankaka的博客，欢迎大家前来讨论与交流～～～～～～

转载请注明出处http://www.jb51.cc/tag/http://blog.csdn.net/evankaka
 本文将要解决Cocos2d-x中显示中文时出现乱码的情形，并且实现一个字幕滚动的功能，这个功能是通过遮罩来实现的。

cocos2d-x版本：2.2.5

工程环境：windows7+VS2010

打开方式：将工程放在cocos2d-x安装目录下的project文件夹下用VS打开

（源码免费下载）

先来看看效果：


在windows环境下使用visual studio开发cocos2d-x，由于visual studio 默认编码为GBK格式，而cocos2d-x引擎默认编码为UTF-8，如果有用到中文，在游戏运行时有可能会出现乱码的情况，这个问题一般有三种解决方案，如下

(1)将源码文件保存为utf-8格式（不建议，治标不治本）

(2)自己编写编码转换代码，在用到中文的地方手动转换

(3)将显示文本单独保存为文本文件（该文件编码为utf-8），由系统统一模块管理文本读取显示，建议使用这种方式，便于后期系统维护，并实现国际化。（这里没写了）

第一种方式很简单就不不介绍了，下面将对第2种进行介绍。第3种还没写好。

一、自己编写编码转换代码，在用到中文的地方手动转换。

cocos2d-x的开发包内置了用于编码转换的iconv库，头文件"iconv.h"。iconv命令可以将一种已知的字符集文件转换成另一种已知的字符集文件。它的作用是在多种国际编码格式之间进行文本内码的转换。

1、直接把代码写进要用到的地方

如果是只能到一次的话，推荐可以这么做。

（1）首先，新建一个工程，然后在HelloWorldScene.cpp中添加头文件#include"iconv/iconv.h"/，

（2）然后在HelloWorldScene.cpp添加全局函数（记得要把它们放在所有函数的最上头，要不就是最上头再定义函数一下）

bool IConvConvert(const char *from_charset,const char *to_charset,const char *inbuf,int inlen,char *outbuf,int outlen)
{
	iconv_t cd = iconv_open(to_charset,from_charset);
	if (cd == 0) return false;
	const char **pin = &inbuf;
	char **pout = &outbuf;
	memset(outbuf,outlen);
	size_t ret = iconv(cd,pin,(size_t *)&inlen,pout,(size_t *)&outlen);
	iconv_close(cd);
	return ret == (size_t)(-1) ? false : true;

}
std::string IConvConvert_GBKToUTF8(const std::string& str)
{
	const char* textIn = str.c_str();
	char textOut[256];
	bool ret = IConvConvert("gb2312","utf-8",textIn,strlen(textIn),textOut,256);
	return ret ? std::string(textOut) : std::string();
}

运行之后报错：

error LNK2019:无法解析的外部符号 _libiconv_close

error LNK2019:无法解析的外部符号 _libiconv

error LNK2019:无法解析的外部符号 _libiconv_open

fatal error LNK1120: 3个无法解析的外部命令

解决方法：因为你没有加libiconv.lib文件

在工程属性 ->配置属性->链接器->输入->附加依赖项添加libiconv.lib

如下：


（3）用法：

在用到的地方，我这里是在init()里添加

	std::string str =IConvConvert_GBKToUTF8("我是林炳文Evankaka~~\n欢迎来到我的世界~~~");
	CCLabelTTF* pLabel = CCLabelTTF::create(str.c_str(),"Arial",24);
	pLabel->setPosition(ccp(origin.x + visibleSize.width/2,origin.y + visibleSize.height - pLabel->getContentSize().height));
	this->addChild(pLabel,1);

（4）效果：


2、单独一个文字转换文件

单独保存为 .h头文件，在使用到编码转换的cpp文件include即可。如果要经常用到的话，建议用这种方法

记得在工程属性 ->配置属性->链接器->输入->附加依赖项添加libiconv.lib

（1）在class文件夹下新建一个名为ChineseString.h的文件，并把它加到工程来。 

#ifndef __ChineseString_H__  
#define __ChineseString_H__  
#include "iconv/iconv.h"//重点记得加上去
static char g_GBKConvUTF8Buf[5000] = {0};
class ChineseString
{
public:
	static const char* GBKToUTF8(const char *strChar)//将字符串转成UFT-8
	
		iconv_t iconvH;
		iconvH = iconv_open("utf-8","gb2312");
		if (iconvH == 0)
		{
			return NULL;
		}
		size_t strLength = strlen(strChar);
		size_t outLength = strLength*4;
		size_t copyLength = outLength;
		memset(g_GBKConvUTF8Buf,5000);

		char* outbuf = (char*) malloc(outLength);
		char* pBuff = outbuf;
		memset(outbuf,outLength);

		if (-1 == iconv(iconvH,&strChar,&strLength,&outbuf,&outLength))
		{
			iconv_close(iconvH);
			return NULL;
		}
		memcpy(g_GBKConvUTF8Buf,pBuff,copyLength);
		free(pBuff);
		iconv_close(iconvH);
		return g_GBKConvUTF8Buf;
	}
};
#endif
（2）使用方法：

在要用到的地方先添加头文件ChineseString.h（记得加！）

然后是

	CCLabelTTF* pLabel=CCLabelTTF::create(ChineseString::GBKToUTF8("<span style="font-family: Arial,Helvetica,sans-serif;">我是林炳文Evankaka~~\n欢迎来到我的世界~~~</span>"),24);
<pre name="code" class="cpp">        pLabel->setPosition(ccp(origin.x + visibleSize.width/2,1);
 
（3）效果 
 

 

 

二、字幕滚动
 

  字幕滚动应该是要在一个范围内可见的，出了这个范围就不可见了，这里实现其实很简单，就是通过CCClippingNode来实现的.CCClipingNode是一个可裁剪节点，简单理解：
 

 

 （1）首先它是一个节点，继承于CCNode，所以它可以像普通节点一样放入CCLayer，CCScene，CCNode中。
 

 （2）作为节点，它就可以用作容器，承载其他节点和精灵。我把它叫底板。
 

 （3）如果想要对一个节点进行裁剪，那需要给出裁剪的部分，这个裁剪区域，我把它叫模版。
 

 所以CCClipingNode裁剪节点在组成上=底板+模版，而在显示上=底板-模版。不知道这样解释会不会好理解一点。
 
 

这里直接建了一个类，将上面新建的中文转换头文件 用了进来，这是头文件GameString.h
 

 

#ifndef __GameString_SCENE_H__
#define __GameString_SCENE_H__
#include "cocos2d.h"
#include "cocos-ext.h"
#include "ChineseString.h"
#include "HelloWorldScene.h"//这是游戏界面的头文件
USING_NS_CC;
USING_NS_CC_EXT;
class GameString : public cocos2d::CCLayer
{
public:
    virtual bool init();  
    static cocos2d::CCScene* scene();
    CREATE_FUNC(GameString);
	//字幕滚动完成后调用
	void RollEnd();
	//跳过按钮的事件
	void menuCloseCallback(CCObject* pSender);
};

#endif // __GameString_SCENE_H__

 

 
这是实现文件GameString.cpp 
 

 

#include "GameString.h"
CCScene* GameString::scene()
{
    CCScene *scene = CCScene::create();
    GameString *layer = GameString::create();
    scene->addChild(layer);
    return scene;
}
bool GameString::init()
{
    if ( !CCLayer::init() )
    {
        return false;
    }
    
    CCSize visibleSize = CCDirector::sharedDirector()->getVisibleSize();
    CCPoint origin = CCDirector::sharedDirector()->getVisibleOrigin();
	//加个按钮
	CCMenuItemImage *pCloseItem = CCMenuItemImage::create(
		"exct.png","exct.png",this,menu_selector(GameString::menuCloseCallback));

	pCloseItem->setPosition(ccp( visibleSize.width -80,visibleSize.height-60));
	CCMenu* pMenu = CCMenu::create(pCloseItem,NULL);
	pMenu->setPosition(CCPointZero);
	this->addChild(pMenu,1);


  //加背景
    CCSprite* pSprite = CCSprite::create("enter.png");
    pSprite->setPosition(ccp(visibleSize.width/2 + origin.x,visibleSize.height/2 + origin.y));
    this->addChild(pSprite,0);


	//创建要显示的文字
	CCLabelTTF* pLabel=CCLabelTTF::create(ChineseString::GBKToUTF8("我是林炳文Evankaka～～\n这是游戏《赵云要格斗》\n欢迎来到我的世界～～～\n我是林炳文Evankaka～～\n这是游戏《赵云要格斗》\n欢迎来到我的世界～～～\n我是林炳文Evankaka～～\n这是游戏《赵云要格斗》"),25);
	pLabel->setAnchorPoint(CCPointZero);
	ccColor3B color = ccc3(255,255,0);
	pLabel->setColor(color);
	pLabel->setPosition(ccp(50,-200));//Y轴注意为负,X轴对应下面的point[4]的50，让他们对齐

	//绘制裁剪区域
	CCDrawNode* shap = CCDrawNode::create();
	CCPoint point[4] = {ccp(50,0),ccp(400,200),ccp(50,200)};//可以根据文字适当修改下大小
	shap->drawPolygon(point,4,ccc4f(255,255),255));//绘制四边形


	////创建遮罩
	CCClippingNode* pClip = CCClippingNode::create();
	pClip->setInverted(false);
	pClip->setStencil(shap);//一定要有，要不会报错
	pClip->addChild(pLabel);
	this->addChild(pClip);
	
	//开始让字幕滚动啦
	CCMoveBy* moveact=CCMoveBy::create(10.0f,CCPointMake(0,400));//10秒向上移动400
	CCCallFunc* callFunc=CCCallFunc::create(this,callfunc_selector(GameString::RollEnd));//创建回调动作，文字飘动完后
	CCActionInterval* act=CCSequence::create(moveact,callFunc,NULL);//创建连续动作
	pLabel->runAction(act);

    return true;
}

void GameString::RollEnd()
{
CCDirector::sharedDirector()->replaceScene(HelloWorld::scene());//进入游戏主界面
}

void GameString::menuCloseCallback(CCObject* pSender)
{
	RollEnd();//点击跳过直接进入游戏主界面
}


 

效果：
 

（1）字幕滚动完成后进入游戏主界面
 


 
 

（2）点击跳过直接进入游戏主界面
 

 

                

              

          

            
            


            

              

                
相关文章

              

                创建自定义的Cocos2d-x场景
              

              
操作步骤 1、创建cocos2d-x工程 2、新建 Scene1.cpp Scene1.h Scene1.h代码 #ifndef __SCENE1_H__#defi...

            

              

                给vs2010安装上cocos2d-x的模版
              

              
开发环境：OS(WINDOWS 8.1 X64 企业版) cocos2d-x 2.2.1 vs2010 想给vs安装上cocos的模版，执行Install...

            

              

                Python创建Cocos2d-x 2.2方法
              

              
把创建项目做成一个批处理，当创建项目时可以省时省力很多。 操作步骤 1、在 E:cocos2d-x-2.2.1toolspr...

            

              

                cocos2dx 物理碰撞
              

              
https://www.cnblogs.com/JiaoQing/p/3906780.html 四个响应函数  1 EventListenerPhysicsContact* evC...

            

              

                cocos2d-js 自定义事件监听派发
              

              
转载于 http://www.cnblogs.com/kenkofox/p/3926797.html 熟悉js的dom事件或者flash事件的，基本都能立...

            

              

                cocos2dx 分帧加载
              

              
ScrollView（滚动容器）加载大量item时会导致游戏界面的卡顿，严重时整个界面会出现卡死的情况。最近项...