cocos creator 图片黑边, 灰边问题的解决

软件环境：cocos creator 2.0

cocos creator 中的图片或多或少有些黑边或灰边的问题，一般是在透明图片的边缘。

图片来自网络

问题是由于纹理缩放边缘插值计算导致的，cocos2d—x中精灵的blend源默认应该是one，但是cocos creator不是。

Cocos2d-x 中的设置更加智能，默认对图片进行 WebGL 预乘，如果发现贴图是已经预乘过的，那么 Sprite 就使用 ONE 作为 blend src，否则使用 SRC_ALPHA。这里带来的问题是，贴图切换，用户手动修改 Blend function 的冲突，cocos2d-x 在切换贴图的时候，会自动根据贴图的预乘属性重新设置 Blend function，而不管用户是否手动修改过，这里就有潜在的 bug 可能。

解决方案一：

利用打包工具 TexturePacker 将资源打包成图集，打包过程中设置成预乘：

图片来自网络

 

解决方案二：

在cocos creator编辑器的sprite 设置为图集里边的图，然后Blend/SrcBlendFactor设置为one ：

图片来自网络

方案三：通过代码修改sprite的混合模式：

node.getComponent(cc.Sprite).srcBlendFactor = cc.macro.BlendFactor.ONE;

 

---

【互动教程列表，真正的手把手教学模式，点击或扫码下载】