zoukankan      html  css  js  c++  java
  • Cocos html5(v3.0rc2) 修改程序启动时的Loading加载页界面

    问答Style:

    1.Loading加载页什么时候调用的?

    答:在cocos html5项目的main.js里调用的:代码如下:
    cc.LoaderScene.preload(g_resources, function () {
      cc.director.runScene(new MyScene());
    }, this);
    在CCLoaderScene.js文件中,可以找到cc.LoaderScene.preload函数,阅读函数代码内容:

    cc.LoaderScene.preload = function(resources, cb){
      var _cc = cc;

      //如果_cc.loaderScene不存在的话,就创建一个cc.LoaderScene,并调用其init函数

      //所以程序第一次启动,一定会创建这样一个加载Loading场景。
      if(!_cc.loaderScene) {
        _cc.loaderScene = new cc.LoaderScene();
        _cc.loaderScene.init();
      }

      //加载resources里面的资源文件,也就是在resource.js里面定义的加载资源
      _cc.loaderScene.initWithResources(resources, cb);

      //显示加载界面给玩家

      cc.director.runScene(_cc.loaderScene);
      return _cc.loaderScene;
    };

    2.怎么自定义自己的loading界面?
    答:进入CCLoaderScene.js文件中,由文件名可知,这个就是过渡下载的Loading页面。
    文件位置在:.frameworkscocos2d-html5cocos2dcorescenesCCLoaderScene.js
    阅读该js文件的代码,就对Loading加载页也就有了一个了解。

    该文件首先创建了Loading Scene,然后在init方法中创建了暗黑色的背景层(bgLayer),并添加到了Scene中。
    继续跟踪代码cc._loaderImage,这里加载了一张base64编码的图片(也就是cocos html5一开始的那个Logo的图片现在要替换成我的Logo!!!)。
    base64的Logo图片编码串是在.frameworkscocos2d-html5Base64Image.js中定义的。
    我找了张图片(150*150),在http://tool.css-js.com/base64.html网站上搞成了一个base64编码的串。

    然后就是替换Base64Image.js文件中定义的cc._loaderImage的base64串。这样就替换成我自己的加载页的图片咯~
    注意:如果加载页的图片过大,会把loading的加载进度的文字遮盖的。当时我搞个全屏的大图,结果悲剧了。

    水过~

  • 相关阅读:
    洛谷 P6295
    洛谷 P4240
    洛谷 P3287
    My rating is 1064.
    洛谷 P5071
    C语言 #include <> 与 #include “” 区别
    C语言 #pragma once
    C语言 typedef 和 define 区别
    C语言 define 定义函数(多行书写)
    C语言 define 定义函数
  • 原文地址:https://www.cnblogs.com/vokie/p/3927798.html
Copyright © 2011-2022 走看看