1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > cocos 修改层级_cocos creator 场景如何透明 多个canvas层级显示

cocos 修改层级_cocos creator 场景如何透明 多个canvas层级显示

时间:2019-09-11 19:10:39

相关推荐

cocos 修改层级_cocos creator 场景如何透明 多个canvas层级显示

经过多次实验,Canvas模式下,

cc.game.run(option, onStart);

之前

cc.macro.ENABLE_TRANSPARENT_CANVAS = true;

成功露出了cocos 自带的Canvas下的其他dom元素

在WebGL模式下,渲染层级在最上面的Node需要开启opacity = 1,同时设置

则此node内的范围都会露出底层的其他dom元素,同时node之外的内容被裁切掉了

感谢kkk_barron同学的支持,结帖撒花~

根据楼主测试结果,

在cc.game.run之前设置cc.macro.ENABLE_TRANSPARENT_CANVAS = true;,

然后cc.director.setClearColor(new cc.Color(0,0,0, 0));,这样在canvas和webGL下都正常使用。

因为我是VideoPlayer组件播放视频,实现跳过按钮,所以我还设置了VideoPlayerElement的zIndex = -1

我来做一个总结吧:

1、修改

C:\CocosCreator\resources\static\preview-templates\boot.js

C:\CocosCreator\resources\static\build-templates\shares\main.js

"""

cc.macro.ENABLE_TRANSPARENT_CANVAS = true;

cc.game.run(option, function () {

cc.director.setClearColor(new cc.Color(0,0,0, 0));

"""

2、修改CSS

C:\CocosCreator\resources\static\preview-templates\style.css

C:\CocosCreator\resources\static\build-templates\shares\style-mobile.css

body和.wrapper中的background-color改为如下:

background-color: transparent; /*设置透明*/

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。