CocosCreator2.0.1版本打包H5后如何设置背景透明

有个需求,在公司其他h5项目里加载我们用creator2.0.1做的动画,现在动画已经打包成h5了,然后在他们h5项目里加载,背景一直是黑色,效果如下图
CocosCreator2.0.1版本打包H5后如何设置背景透明_第1张图片
他们把透明度调低了,结果整个动画透明度也变了。后来想想应该还是creator这边需要设置什么。总结了一下,大致就两步:
首先将creator工程打包成H5项目后,在build文件夹下,找到打包后的h5文件夹,进入找到main.js,打开找到cc.game.run,在前面加上cc.macro.ENABLETRANSPARENT_CANVAS = true;
CocosCreator2.0.1版本打包H5后如何设置背景透明_第2张图片
CocosCreator2.0.1版本打包H5后如何设置背景透明_第3张图片
然后在同目录下修改style-mobile.js文件,将和颜色有关的background都改为transparent,这样,不管是loading页面还是游戏中的背景都会变为透明了。
CocosCreator2.0.1版本打包H5后如何设置背景透明_第4张图片
CocosCreator2.0.1版本打包H5后如何设置背景透明_第5张图片

下面是最终效果
CocosCreator2.0.1版本打包H5后如何设置背景透明_第6张图片

参考链接:Creator 多个Canvas底层颜色遮盖问题

你可能感兴趣的:(CocosCreator)