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

本文介绍了如何在Cocos Creator中修改Canvas的层级以实现场景透明,并解决多个Canvas显示的问题。关键步骤包括在cc.game.run之前设置cc.macro.ENABLE_TRANSPARENT_CANVAS为true,使用cc.director.setClearColor设置透明背景,以及调整VideoPlayer组件的zIndex。此外,还提到了修改预览和构建模板文件中的js和css来实现透明效果。
摘要由CSDN通过智能技术生成

经过多次实验,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

"

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值