cocos2dx3.0 超级马里奥开发笔记（一）——loadingbar、TableView和pageview的使用

本文链接：https://blog.csdn.net/hanbingfengying/article/details/37606467

学完cocos2dx课程的第一个项目选择了超级玛丽。可以说有自己的想法，简单但是确实不简单。

我花了一天把一份2.1版本的超级玛丽源码升级到了3.0，改改删删，参考那个源码虽然好多不懂，但是马虎升级成功，游戏正常玩耍。

本着不为把游戏做出来而写代码的想法，罗列了一下这个游戏可以使用到的知识点。数据持久化的三种方式、loading页面、tmx地图解析、cocosStudio场景、屏幕适配、关卡如何选择、代码结构的优化（各种类的抽象继承），在基本功能出来后可以自己去设计变态关卡等。

两天实现了loading界面、主界面所有场景和选关场景。

效果如下gif：

Loading场景

进度条

超级玛丽这种简单的游戏根本不需要预加载太多东西，或者说根本不需要loading这么笨重的交互。没办法，熟悉一些方法，学习而已，别太较真。

场景的进度条使用ProgressTimer，如果我们使用cocosStudio创建的场景，就使用工具的那个。

设置一个进度条成员变量，然后：

	loadProgress = ProgressTimer::create(Sprite::create("image/loadingbar.png"));
	loadProgress->setBarChangeRate(Point(1, 0));//设置进程条的变化速率
	loadProgress->setType(ProgressTimer::Type::BAR);//设置进程条的类型
	loadProgress->setMidpoint(Point(0, 1));//设置进度的运动方向

	loadProgress->setPosition(visibleSize.width / 2, visibleSize.height / 2 );
	loadProgress->setPercentage(progressPercent);
	this->addChild(loadProgress);

要调整进度条，只需要在异步加载资源的回调函数中实现就可以了。

像loading场景也可以实现loading的动画等其他效果，异步加载并不会对界面造成太多的卡顿效果，除非手机实在是太烂了。。

异步加载资源

一般缓存有三种，TextureCache、SpriteFrameCache、AnimationCache。

我们loading 的时候要根据需求预加载不同的资源。然后在回调函数中处理进度条的进度。

超级玛丽登陆loading我使用最简单的TextureCache来操作。

在init里面添加preloadResource函数，这个函数会直接执行完，不需等待任何结果。然后资源会在后台加载。

void LoadingScene::preloadResource()
{
	//这里分开写测试， 后期如果确定是一个场景中的直接使用plist加载
	std::string resouceMain = "image/mainscene/";
	float count = 20;//一共加载十七张
	everyAdd = 100 / count;
	Director::getInstance()->getTextureCache()->addImageAsync(resouceMain+"about_normal.png", CC_CALLBACK_1(LoadingScene::loadingCallback, this));
	Director::getInstance()->getTextureCache()->addImageAsync(resouceMain+"about_select.png", CC_CALLBACK_1(LoadingScene::loadingCallback, this));
	Director::getInstance()->getTextureCache()->addImageAsync(resouceMain+"backA.png", CC_CALLBACK_1(LoadingScene::loadingCallback, this));
	Director::getInstance()->getTextureCache()->addImageAsync(resouceMain+"backB.png", CC_CALLBACK_1(LoadingScene::loadingCallback, this));
	Director::getInstance()->getTextureCache()->addImageAsync(resouceMain+"background.png", CC_CALLBACK_1(LoadingScene::loadingCallback, this));
	Director::getInstance()->getTextureCache()->addImageAsync(resouceMain+"bg.png", CC_CALLBACK_1(LoadingScene::loadingCallback, this));
	Director::getInstance()->getTextureCache()->addImageAsync(resouceMain+"music_off.png", CC_CALLBACK_1(LoadingScene::loadingCallback, this));
	Director::getInstance()->getTextureCache()->addImageAsync(resouceMain+"music_on.png", CC_CALLBACK_1(LoadingScene::loadingCallback, this));
	Director::getInstance()->getTextureCache()->