creator怎么定制启动画面

Creator 2.x
#1

已经进入准备发布项目阶段，但是在设置启动画面时不知如何下手。论坛有人说是替换掉build工程下面的splash.png图片。于是使用自己的logo替换该图片后，启动画面变成自定义图片了，但是从启动画面进入自己的第一个页面需要几秒的时间，且在这段时间内也没有进度条显示。PS：我这个启动测试页面已经是最简单的场景，启动图片我也是只用6K的图片。求问怎么设置带进度条的启动画面，以达到点击页面就出现进度条，显示当前加载百分比的这种效果。

2赞
#2

build文件夹下的main.js中有函数，在其中加入了一行测试信息：console.log(“percent:”+percent);//自己加入的测试信息
function setLoadingDisplay () {
// Loading splash scene
var splash = document.getElementById(‘splash’);
var progressBar = splash.querySelector(’.progress-bar span’);
cc.loader.onProgress = function (completedCount, totalCount, item) {
var percent = 100 * completedCount / totalCount;
if (progressBar) {
progressBar.style.width = percent.toFixed(2) + ‘'; } console.log("percent:"+percent);//自己加入的测试信息 }; splash.style.display = 'block'; progressBar.style.width = '0’;

        cc.director.once(cc.Director.EVENT_AFTER_SCENE_LAUNCH, function () {
            splash.style.display = 'none';
        });
    }

运行，控制台打印信息：
1.3.2 main.js:53
start now cocos2d-js.js:36025
Load pack c14b3b02-2b1d-4938-85cb-f2454c46b8c2 for 0558d4f9-7470-43af-a186-0df26abf072c main.js:42 percent:50 main.js:42
percent:100 main.js:42
Success to load scene: db://assets/loadScene.fire main.js:104
第1行：1.3.2是function _afterEngineLoaded()打印出来的信息，此时引擎加载完毕；
第2行：函数 _loadNewPack打印，加载了启动包，然后打印信息
第3行：setLoadingDisplay ()函数打印
第4行：setLoadingDisplay ()函数打印
第5行：主场景加载完毕打印信息
由此可见，在加载启动包之前的这一段比较长的时间内，启动进度条都不会更新。而启动进度条应有的功能是在主场景加载完毕之前从0增长到100%。系统用的这个setLoadingDisplay函数控制的进度条，是不足以满足要求的。

1赞