Cocos2dx 3.0 实战之—— 重写《超级马里奥》其六 加载界面的实现

Cocos2dx 3.0 实战之—— 重写《超级马里奥》其六 加载界面的实现,第1张

概述本文将用到cocos2dx的纹理工具TexturePicker,首先申明,这里面的一部分素材是我自己做的,很丑,毕竟不是美工,也毕竟只是自己琢磨的ps边学边做的。废话不多说。先看本篇的资源 这里我不直接用这个,我将用TexturePicker进行打包。 我们打开TexturePicker看到如下界面 然后把我们的游戏资源拖动到右侧Sprites区域。如此,我们会得到如图所示界面: 接下来,我们需要

本文将用到cocos2dx的纹理工具TexturePicker,首先申明,这里面的一部分素材是我自己做的,很丑,毕竟不是美工,也毕竟只是自己琢磨的ps边学边做的。废话不多说。先看本篇的资源


这里我不直接用这个,我将用TexturePicker进行打包。

我们打开TexturePicker看到如下界面


然后把我们的游戏资源拖动到右侧Sprites区域。如此,我们会得到如图所示界面:


接下来,我们需要设置左侧的选项。点击左侧的Data file 后面的省略号按钮,在d出的路径中指向自己项目的Resources文件夹,并在文件夹的输入区域输入imageResource如图



然后点击保存。


然后找到工具栏中的Publish,点击。如图:



然后你再看看项目目录的Resourses文件夹下已经有了2个文件。



然后,回到我们的VS上面来。

在LoadScene.cpp的LoadLayer的init函数里面加入如下代码:

<span >	</span>//加载资源	SpriteFrameCache *frameCache = SpriteFrameCache::getInstance();	frameCache->addSpriteFramesWithfile("imageResource.pList","imageResource.png");	//加入背景页	Sprite *bg = Sprite::createWithSpriteFramename("loading_bg.png");	bg->setposition(VisibleRect::center());	this->addChild(bg,10);	//加入加载中正常状态的精灵	Sprite *loadbar_nomal = Sprite::createWithSpriteFramename("loading_normal.png");	loadbar_nomal->setposition(VisibleRect::center());	this->addChild(loadbar_nomal,11);	//加入进度条	loadbar_loading = Progresstimer::create(Sprite::createWithSpriteFramename("loading_loading.png"));	//初始百分比	loadbar_loading->setPercentage(0.0f);	//坐标位置,一般是与上面的正常状态的位置一样的	loadbar_loading->setposition(VisibleRect::center());	//设置类型为bar	loadbar_loading->setType(Progresstimer::Type::bar);	//setbarChangeRate方法用来设置进度条变化方向的,如果不用变化的方向,则设置该方向为0,否则设置为1。所以(1,0)表示横方向,(0,1)表示纵方向。	loadbar_loading->setbarChangeRate(Point(0,1));	//setMIDpoint方法设置进度条的起始点,(0,y)表示最左边,(1,y)表示最右边,(x,1)表示最上面,(x,0)表示最下面。	loadbar_loading->setMIDpoint(Point(0,0));	//把loadbar_loading加入到场景中	this->addChild(loadbar_loading,12);

最终运行效果如图:


总结

以上是内存溢出为你收集整理的Cocos2dx 3.0 实战之—— 重写《超级马里奥》其六 加载界面的实现全部内容,希望文章能够帮你解决Cocos2dx 3.0 实战之—— 重写《超级马里奥》其六 加载界面的实现所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1023657.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-23
下一篇 2022-05-23

发表评论

登录后才能评论

评论列表(0条)

保存