image - 在 SpriteKit 游戏中图像边缘模糊

Question

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

您可以在下面看到标签文本和我的 Logo 边缘之间的区别。 Logo 在边缘点处明显模糊。我在 Photoshop 中创建了图像，它们都是 PNG 格式。我在压缩或不压缩的情况下保存了它们，但没有改变。我想要锋利的边缘，使它们看起来不错。我该怎么办？

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

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

Answer 1

如果我使用 300x150px logo.png，我可以产生相同的结果。因此，您应该做的是使用适当的 Assets ，即 @2x(如果您支持 iPhone 6+，则为 @3x)。当你使用这个命名约定时，iOS 会为你选择合适的资源。这适用于@1x 和@2x，对于@3x 有一个已知的bug。 (如果使用 map 集)。我不确定它是否已修复。

你应该制作一个大小为 600x300px 的图像并将其命名为 logo@2x.png。请注意，如果您只是在图像编辑器中放大图像，您将得到相同的结果，因为在缩放位图时总会出现一些伪像。充其量，如果您有 Logo 图像的矢量文件，则可以在不降低质量的情况下将其放大。如果没有，您必须制作高分辨率的新 Logo 图像。

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