Cocos2d-html5 自定义loader类 以及转场效果

这个loader类一定不要从网上拷贝, cocos2d特色就是代码多变, 拷贝来的99%不兼容

自己去ccloader.js类里面找到cc.loadScene这个, 把初始化init和preload两个都复制出来

然后对应自己自顶一个类, 比如我就自定义了LoaderCustom

把里面很长的base64字符替换掉, 这个地方用一个200以内的图片, 我试了300多像素的显示不全, 不管了, 缩到200以内, 用在线base64编码得到图片的png字符串, 贴上去

这个类就差不多搞完了

使用, 你同事需要打包build.xml盒Cocos2d.js里面同时添加你的新类js

替换main.js里面的cc.LoaderScene  为你的类名, 比如我的是 LoaderCustom

切换场景上很简单, 不要再调用

new cocos2dApp(SceneMainScene);

一个程序只能有一个cocos2dApp

切换只需要调用:

LoaderCustom.preload(g_resources, function () {
            director.replaceScene(new CustomClassScene());
}, this);

就行了

转场效果千万别用, 很多非主流不支持, 完全切换不到目标场景去, 貌似只有chrome支持最好

var tranScene=cc.TransitionCrossFade.create(0.3,new SceneGameScene());
director.replaceScene(new tranScene());

参考技术贴

http://blog.youkuaiyun.com/appteam_vlctech/article/details/11526281

https://github.com/iTyran/Tutorials/blob/master/html5/CustomLoading/src/Loading.js

在线base64转码

http://picbase64.com/