cocos creator 黑边问题,求解决!!!

  • Creator 版本:2.1.1

  • 目标平台:web

  • 出现概率:100%

  • 额外线索:不管是用tp打包还是creator自动图集,都会出现黑边问题,尝试了预乘处理和设置混合样式,这样确实解决了黑边问题,但是不能进去fadeto的动画效果,
    当我把opacity设为100时就成这个样子了

不设置预乘黑边明显

求引擎组帮助===

demo:
lottie.zip (2.1 MB)
@jare @wangzhe @panda

1赞

我来顶一下 确实有这问题

问题已反馈~

tp打图选择32位的格式,如果显示有黑边,你把原图放大了看应该就能看到黑边了

什么意思?

不用fadeto,直接设置opacity也会有问题

Demo里面原始图片里面的非背景部分是半透明的,需要在导出的时候就做好Alpha的预乘才能达到想要的效果,否则渲染的时候只会取RGB(255,243,230),就是纯白色不带透明的效果。AI,PS这些美术制作工具都有这样设置跟处理。比如在PS里面导出的时候图层类型选择Multiply, 然后透明度选择50%来预先混合上透明通道再导出。

效果如下,左边是在PS里面做了图层预乘混合的,右边是Demo里面的图。

这是在ps设置好透明度再导出么。。。如果在程序里动态改变透明度怎么办

ps设置好透明度只是对要使用预乘的半透明图片,如果想要动态改透明度就不能使用预乘+Blend ONE这种模式了,只能使用非预乘跟SRC_ALPHA,才能动态改变透明度。黑边的问题有部分是因为编辑器中图片的扩边参数导致的,可以在编辑器里面调整一下图片的参数,将Trim Threshold 改为0看看。

不行,

这个是预乘 + one

这个是调整Threshold,可以看出还是有黑边

我看了所有相关的帖子,目前这个问题无解

还是不行啊

你这是在编辑器里面放大看的吧,运行时也会很明显吗?本质原因还是边缘半透明部分混合了透明部分(0,0,0,0)的黑色RGB通道,像你发的这张图片边缘是倾斜的,不是平整的2的倍数,肯定会有部分像素混合一部分(0,0,0,0)像素,所以你放大看到的黑边并不是连续的。要解决有两种方式,TP这种图集打包的工具都会有扩边的设置,就是在将边缘半透明部分的颜色复制到边缘的透明部分,避免半透明边缘采样到(0,0,0,0)的黑色RGB通道。另外就是在美术出图的时候透明部分保留原色,而不是(0,0,0,0)这样的黑色透明。

1赞

Trim Threshold 为0 黑边依旧明显

你给的这两种解决方式第一种不适用也一样,第二种对于美术来说太麻烦了。 你们就不能改回以前吗?以前没有出现过这种问题啊

你给的这两种解决方式第一种不适用也一样,第二种对于美术来说太麻烦了。 你们就不能改回以前吗?以前没有出现过这种问题啊

以前都是使用这种方式出图,没有黑边。为啥现在引擎出了问题非要让使用者去解决这些问题呢?
@wangzhe @panda @cary @jare @huanxinyin

持续关注中,被美术吐槽过这个问题很久了

关键是所有的官方人员都觉得这个不是他们的问题,觉得应该让美术来解决:3:

我们会跟进这个问题,如果真的是无法设置 opacity

上面有demo可以试一下,而且有很多人都有这个问题。翻遍论坛没有找到合适的解决办法只能求助你们了

如果你们很急的话,可以使用自动图集,哪怕自动图集里只有一张图。我们在自动图集里默认帮用户做了需要美术去做的操作,可以确保没有黑边。

1赞