creator 2.0.10 sprite平铺方式出现缝隙，附demo，求解

Creator 2.x
#1

  • Creator 版本：2.0.9 / 2.0.10

  • 目标平台： Web

  • 详细报错信息，包含调用堆栈：

  • 重现方式：见上传demo

  • 之前哪个版本是正常的 ：

  • 手机型号 ：

  • 手机浏览器 ：

  • 编辑器操作系统 ：

  • 编辑器之前是否有其它报错 ：

  • 出现概率：

  • 额外线索：

demo里有三个sprite，左边两个是使用texturepacker的图集，最右边是使用单张图片的。
在浏览器的Default分辨率下，左一不会出现缝隙，左二会，修改分辨率后都会出现缝隙。如果把左一的sprite坐标设置成小数也会出现缝隙。

最右是一直没问题的。

请问下是不是我使用图集的方式不对？还是图集有bug？

sprite平铺裂缝.zip (605.5 KB)

#2

估计是图集导致的，这种取一小块没必要用texturepacker的图集，用编辑器内置的自动合图多省事；

#3

细看了一下，是你的原图有问题，边角有黑区，平铺导致有线条，

QQ截图20190621161916.png576×689 11.9 KB

#4

不是原图的边角有黑区，是creator编辑器显示成这样的，可对比creator的显示和.png的内容。看那个使用单图的sprite就不会这样。
另外，图集也是由相同的单图打包出来的，是一样的图片。

#5

原本看了原图有模糊区才说原图有问题，切了原图还是会有，问题确实存在，用texturepacker图集打包的图用于平铺确实有缝隙，你用编辑器内置的自动合图试试吧；

#6

这应该和平铺没关系，这texturepacker图集里的图【放到编辑器中】都有小黑边。。。才发现

#7

我认真看了下我texturepacker打出来的png，没有小黑边呀
我放大看的图片：

image.png732×632 23.6 KB

#8

编辑器中放大对比，左右为图集，中间非图集；不说了，不聊了；

QQ截图20190621182545.png685×556 2.92 KB

#9

对，只要把texturepacker打包的图放到编辑器就会有黑边。

@jare 求解答。

#10

修改一下图片的filter mode属性试试

#11

把 texturepacker 打包的图， filter mode 设置为 Point，重新加载下场景，就会好

#12

filter mode 设置为 Point后可以了，感谢楼上几位大佬。:yum:

#14

filter mode 设置为 Point后，出现另外一个问题了，其它UI显示会出现些毛噪，不够平滑。

#15

解决方法

1.平铺的图不用texturepack打包

或者
2.把要平铺的图用texturepack打包，filter mode设置为Point
把要缩放的图打包到别的图集