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; /*设置透明*/

cocos 修改层级_cocos creator 场景如何透明，多个canvas层级显示相关推荐

cocos脏话过滤_Cocos Creator 卡通水体渲染教程
原标题:Cocos Creator 卡通水体渲染教程本篇教程转载自 Cocos 中文社区,作者:regocxy.通过本篇教程你将学到如何做风格化水体的渲染,包含的知识点有如何使用天空立方体贴图作反射 ...
cocos 添加遮罩后白屏_Cocos Creator（圆形遮罩头像）动态增加遮盖层 mask 并设为圆形生效...
var avatar = new cc.Node('avatar'); var sp = node.addComponent(cc.Sprite); sp.spriteFrame = new cc.S ...
数字化转型生态的三个层级（平台场景工具/技术）
数字化转型生态的三个层级(平台场景工具/技术) Level 3: 工具/技术 bi (business intelligence) rpa (robotics process automation ...
Java黑皮书课后题第3章：*3.30（当前时间）修改编程练习题2.8，以12小时时钟制显示小时数
*3.30(当前时间)修改编程练习题2.8,以12小时时钟制显示小时数题目题目概述运行示例编程练习题2.8 破题代码题目题目概述 *3.30(当前时间)修改编程练习题2.8,以12小时时 ...
eplan部件列表手动修改_EPLAN如何修改设备标示符规则，当插入元件时不显示设备标示符前的“-”号，每次删除很麻烦！...
点击查看EPLAN如何修改设备标示符规则,当插入元件时不显示设备标示符前的"-"号,每次删除很麻烦!具体信息答:点击"选项"-"设置"-& ...
【Word】写文档的一些trick合集（修改默认字体格式、制作三线表模板、公式显示不全）
目录 1.更改(中英)默认字体格式 2.制作三线表模板 3.使用MathType插入的公式显示不全怎么办? --持续更新中--loading-- 1.更改(中英)默认字体格式引言: 希望文档的默认字 ...
Cocos Creator游戏引擎可以支持鼠标吗_Cocos Creator入门实战：桌球小游戏
本文作者:BigBear 多年游戏行业研发经验精通Unreal.CocosCreator游戏引擎参与过多款手游.端游项目的研发 Cocos Creator入门实战:桌球小游戏本篇主要是希望能够通 ...
cocos creator粒子不变色_Cocos Creator 3D 粒子系统初战：不要钱的酷炫火焰拿走不谢!...
原标题:Cocos Creator 3D 粒子系统初战: 不要钱的酷炫火焰拿走不谢! 五维:技术经理, 10年编程经验, 专注游戏领域,不断进击财富自由.分享实用的教程.经验.源码.心得! 先展示一下 ...
cocos creator粒子不变色_Cocos Creator 3D 粒子系統初戰：不要錢的酷炫火焰拿走不謝 !...
五維:技術經理,10 年編程經驗,專注遊戲領域,不斷進擊財富自由.分享實用的教程.經驗.源碼.心得! ** 先展示一下最終效果:** 最終效果後邊圖片挺多的,使用流量看文章的,祝好運. 你聽說過 5 ...

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

cocos 修改层级_cocos creator 场景如何透明，多个canvas层级显示相关推荐

最新文章

热门文章