Tiled Map一像素黑线的问题

先申明一下,本人非计算机专业人士,纯粹是业余爱好制作游戏,实难登大雅之堂。言归正传,最近因为开发一款闯关小游戏,涉及到关卡的制作,选择用Tiled Map作为地图编辑器,遇到了一像素黑线的问题,经过探索想出一个目前还算比较满意的方案,故与大家分享一下。

先看看游戏中的一像素黑线问题的效果图:

这张图是截取游戏运行在华为荣耀7c手机上的一部分,图中的黑线还是非常明显的

地图在Tiled Map(PC上开发,使用的是windows 7操作系统)中显示是好的,参看下面的截图:

如上图右下角所示,是地图使用的图集,用TexturePacker制作的,

由于一次偶然的“事故”,在TexturePacker中编辑图集时我无意中打乱了图块的顺序,

抱着试试看的心态,于是将错就错在到游戏中一运行却惊讶地发现一像素黑线变色了!对,没错,是变色了!所以我猜想如果黑线是因为图集中图块受周围图块颜色的影响,那么把图块按自身颜色往外重复一像素,然后实际使用的时候还是按原大小使用不就抵消了这种影响么!

具体方案如上图所示,将原图上下左右各往外按原颜色重复一像素
本来打算在Photoshop中用动作工具批处理下,不过庆幸的是在TexturePacker中找到了这个功能:Extrude

TexturePacker最终设置如图:


以上选项设置的参数仅供参考,具体到不同的项目,应该根据上下文自寻摸索。
另外,需要注意,搞定了图集,回到Tiled Map导入图集的时候,记得要按原图块大小设置参数。
该方案在华为荣耀7c、iPhone 6、iPad4上测试是Ok的。
以上纯属小弟的一点愚见,因为深知自己学识短浅,故诚惶诚恐,怕误人子弟,还请各位看官能多动手多实验,若有错误之处,烦请不吝指正。

附游戏在手机上的截图:

若有朋友对小游戏感兴趣,也欢迎入驻体验,奉上(微信小游戏)二维码: