[]WebGL模式下,两个相同颜色图片的边缘有可能会出现黑线

情形1:
两个几乎同色的图片,紧邻(边缘叠几像素也试过),放在同一个box容器当中。
对box容器进行移动,会发现两个图片的交界处随着移动,经常会出现黑线。
注:这种情形不论是否对游戏进行缩放都会出现
情形2:
把一张底色米黄色的jpg图片,放到同样底色的png图片上,边缘会出现很明显的黑线
注:这种情形如果不对游戏缩放不会出现
 
以上两种情形,都是在WebGL模式下出现,Canvas模式下表现正常
引擎版本1.5.3
 
另:LayaIDE1.5.4在舞台被缩小的情况下,如果两张图片刚好相邻,中间也会出现黑线
QQ截图20161213220751.png QQ图片20161213220825.png
已邀请:

cuixueying

赞同来自:

方案一:建议你把用到的图片放到layaAir IDE下的资源目录下,IDE下F5刷新,刷新后可以在IDE的资源面板看到对应的资源,双击图片资源,打开资源设置面板,选择图片类型下的repeat选项,点击确定。F12打包成图集,在项目中针对图集下的资源进行提取使用,会解决黑线问题。

555.png

方案2:为你的每张拼接的图片,让美术导出的时候多扩展1-2个像素可以解决。

rainysky

赞同来自:

情形1:
把两张紧临的图片修改图片类型为Repeat之后,变成会出现白线。
容器左右移动的过程中,白线会闪,看上去时隐时现,但是在绝大多数位置上都会出现
该情形下,边界预留几像素的方式无效,因为1.两张图片都是单色,2.两张图片边界本来就有5像素重叠
情形2:
对jpg图片设置Repeat之后可以解决该问题,不再出现黑线

158*****158

赞同来自:

请问拼接白线的问题,解决了吗? 我现在版本2.0.0,还是拼接地图,有白线问题,图片大小1024x1024,图片格式image,repeat

158*****158

赞同来自:

打成图集是可以了,不打成图集就不行

要回复问题请先

商务合作
商务合作