cocos2dx-js html5网页版修改默认背景颜色

Posted 天龙久传说

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了cocos2dx-js html5网页版修改默认背景颜色相关的知识,希望对你有一定的参考价值。

网上找了很多教程,资料很少,基本上也不能用,自己尝试着修改了很多地方,终于有用了

然后我退回了所有的修改,最终确定了可用的地方。

首先最重要的是cocos自身默认的背景色,修改frameworks\cocos2d-html5\CCBOOT.js,里,_initEvents函数里,最后一行添加一句

    _initEvents: function () {
        ...


        cc.eventManager.addCustomListener(cc.game.EVENT_HIDE, function () {
            cc.game.pause();
        });
        cc.eventManager.addCustomListener(cc.game.EVENT_SHOW, function () {
            cc.game.resume();
        });
        cc.director.setClearColor(cc.color(255,255,255,255));     //添加的行
    }

 

 


然后是网页两边的黑色块,修改index.html,找到body{}块,将 padding: 0px; box-sizing: border-box; font-family: ‘PingFang SC‘, ‘Microsoft YaHei‘, SimHei, Arial, SimSun; font-size: 16px; color: rgb(204, 0, 0);">background-color: #fff

 

最后,如果你没有定制自己的loading.js,修改原生的loading.js

找到原先定义背景颜色的那一句

document.body.style.background="#000";

把这里的#000改成#fff就好了

 

当然 我这里都改成了白色,如果想要其他的颜色同理。












以上是关于cocos2dx-js html5网页版修改默认背景颜色的主要内容,如果未能解决你的问题,请参考以下文章

cocos2dx-js 初探 整体流程helloworld.html分析

cocos2dx-js做啥用的

《游戏学习》| 水果忍者HTML5网页版在线游戏 | 源码分析

《游戏学习》| 水果忍者HTML5网页版在线游戏 | 源码分析

值得网页开发人员收藏的16款HTML5工具

新书推荐 |《Three.js开发指南:基于WebGL和HTML5在网页上渲染3D图形和动画(原书第3版)》