图片边缘裁剪问题(请把这个问题处置一下)

原始资源:一个圆

放入层:这是默认设置

实际显示:

请注意:这上面和右边被裁掉滴部分

其实无论我怎样设置,通过Cocos Creator 我无法绘制圆!!!!!!!!!!!!

这不是很讽刺吗?

我以前就说过这个问题:http://forum.cocos.com/t/topic/48360/4?u=469526467

现在只有做成这种资源:(留透明边缘)

并且这样设置:

才能正常显示一个圆

这不是很搞笑吗

1赞

升级到 1.5.2 或者 1.6 就会圆一些

我上面这个就是1.6。。。。完全没有解决

我也遇到同样的问题,是因为图片资源本身就不圆吧

用我的近视肉眼看 ,楼主那个圆并不圆啊。。。

1.5.2确实会被裁切。。。

有点裁切是正常的,不信你换 Unity 试试。

楼主,你的是native不,圆的纹理不要打到大图里去,就作为一个texture单独一张,会比打进大图好不少

是不是因为素材本身的问题啊,我用的圆本身就有个小切边

我的是1.4.2,用simple,raw模式,就挺圆的呀。
我是打入大图的,trid mode按照官方指导,设置的Trim模式。

不要trim试试吧,cocos在以前studio时代也有类似问题,trim处理得不是很好

1赞

1.6 问题还是存在!

这是两个原始资源:

**

不管Trim不Trim都没用!!

**

麻烦上传一下你这个圆的图片,我再用 Unity 验证一次

我还是那句话,边缘有硬边是正常的,不信你看 Unity…
解决办法就是不要 trim……

我来解释一下原理,WebGL 在贴图采样的时候,我们默认采用的是 linear 采样,所以半透明像素会和周围像素进行混合,达到一种比较自然的过渡。那么现在遇到的问题是,圆形贴图的大部分边缘区域都可以和周围的透明像素混合,就唯独上下左右顶到边缘的时候,WebGL 就无法混合了,因为边缘的外面已经没有像素了。所以才呈现出这种硬边的感觉

解决方法其实就是留几个像素的空白距离在四周,让贴图采样的时候可以达到自然的过渡。

4赞

我能不能选择不做任何采样,保持呈现一个最原始滴状态?

可以,texture.setAliasTexParameters();

1赞

无聊试了下,不放大还蛮圆的。。1.5.2:joy: