关于cocos2d-html5纹理模糊的问题解决办法

最初使用texturepacker打包的时候选择了premultiply, 导致质量严重下降, 取消后, 改善很多

但是后来还是发现很模糊, 具体表现在手机端, 如图:

pc版:

nexus5版:

锯齿十分明显, 但又不知道为什么, 纹理肯定是没问题, cocos2d-html5的代码也没问题, 而且各种渲染适配, 缩放比都试过了, 也没解决, 我想不应该是缩放问题, 毕竟nexus5的分辨率很高了

于是我找来ios设备试验了一下:

ipadmini1

iphone5

ipod4 直接阵亡, 黑屏

总结:

这让我联想到了一个原因: 优化

系统为了适应各种资源, html5对资源加载是十分宽容的, 所以他会将更大尺寸的资源, 在自己渲染能力不足的情况下, 整体缩放到一个更小的资源池内

在这里用到的是2048x2048大小的资源, 其中, nexus5压缩的最狠, 已经面目全非了

这样看来, 用最低的1024x1024来处理就ok了, 也不做过多测试:

上图(先说明,之前的截图都是320x480画布, 所以图片都是x2放大倍数显示, 下面的是640x960大小, 已经很清晰了)

nexus5局部

ipod4成功出现画面