设置背景透明,发布web手机端spine动画颜色会变化

  • Creator 版本:3.7 ~ 3.8.5

  • 目标平台:web手机端(发布后用端脑浏览器运行也能出现,我的电脑浏览器是 Safari)

  • 重现方法:勾选上这个


    发布web手机端完成后打开 build/web-mobile/style.css,修改 body中的background-color为透明,如下图

完成上面设置后运行web手机端游戏后,spine动画会变的偏白,如图QQ_1735295838627

运行后显示效果正常,如图QQ_1735296078532

项目中需要背景透明,是我设置背景透明的方式错误还是其他什么问题导致spine显示有问题(图片没有这样的问题)?

Canvas设置透明后,带透明度的都容易有问题,应该是无解的

有解的 用预乘 改混合模式我就是做直播间小游戏的。解决过 。后面索性把引擎里的代码改了 全部默认预乘

我觉得并不能解决所有问题,因为颜色融合的顺序变了,Canvas内最终的颜色会和背景色做一个融合,这个颜色是不对的,很难描述…

你用laya打一个半透明的 demo进去试试 。这就是引擎默认的问题
你的表象是不是半透明的就可以看穿web’view

网页可以做透明吗?

不是的,你可以想象一下, 如果背景图放在canvas内,颜色混合的顺序与背景图放到canvas外颜色混合的顺序是不一样的,所以会始终与设计提供的效果有偏差

还会有这个问题:当你把spine放到原生的某个文字上面,明明spine那块区域是不透明的,但是原生里的文字会透上来 ,无解:sweat_smile: