在SpriteKit游戏中模糊边缘

Question

我差不多完成了我的第一个SpriteKit游戏。困扰我的一件事是我的应用程序中的图像质量。

您可以在下方看到标签文字与我的徽标边缘之间的区别。徽标在边缘处明显模糊。我在Photoshop中创建了图像，它们都是PNG。我保留它们有或没有压缩，但没有改变。我希望有锋利的边缘，使它们看起来很好。我该怎么办？

我使用Swift作为语言，我在某处读到以下定义图像的方式使它看起来更好但在我的应用程序中没有任何区别。

let logoTexture = SKTexture(imageNamed: "img/logo.png")
logo = SKSpriteNode(texture: logoTexture, size: logoTexture.size())

Answer 1

如果我使用300x150px logo.png，我可以产生相同的结果。所以，你应该做的是使用适当的资产，即@ 2x（如果你支持iPhone 6+，则为@ 3x）。当您使用此命名约定时，iOS将为您选择正确的资产。这适用于@ 1x和@ 2x，而@ 3x则知道bug（如果使用地图集）。我不确定它是否已修复。

您应该制作尺寸为600x300px的图片，并将其命名为 logo@2x.png 。请注意，如果您只是在图像编辑器中缩放图像，您将得到相同的结果，因为在缩放位图时，总会出现一些假象。最好的情况是，如果您有徽标图像的矢量文件，则可以在不降低质量的情况下进行扩展。如果没有，您必须以高分辨率制作新的徽标图像。

进行这些更改后，重置模拟器的内容和设置，然后再次运行应用程序，它应该可以正常工作。