Home / Questions / 2887
Accepted
albertcito
Asked: 2020-01-21 16:24:36 +0800 CST 2020-01-21 16:24:36 +0800 CST

Swift - How to work with vector images in games?

  • 772

I downloaded a vector pdf image of 36x36 pixels, which when I zoom in does not pixelate. I added this image to the project in the "Assets.xcassets" folder and in "Scale Factors" I chose "Single Vector".

But it happens that I add it to my application (a game that I am making) in this way:

news = SKSpriteNode(imageNamed: "News")
news.setScale(7.6)
news.position = CGPoint(
    x: CGRectGetMidX(self.frame),
    y: CGRectGetMidY(self.frame) - 20
)
self.addChild(news)

And when I run the app on my iPhone, the image appears pixelated.

How can I make it so my image doesn't get pixelated?

swift2

1 Answers

  1. Best Answer

    You have to take into account that Xcodeit does not use the vector image to use it directly. When you add an image in format PDF, what it does Xcodewhen compiling is create all the assets @1x, @2xand @3xdepending on the platforms where it will be used. Therefore, importing a PDFwill only make it easier to manage the images in Xcode.

    So that it does not look pixelated you have to import a PDFsize of the size that is going to be displayed. For example, if Interface BuilderI put a 40x40 image in (this would be @1x) I have to import a 40x40 PDF image so that Xcode generates the 80x80 ( @2x) and 120x120 ( @3x) versions without pixelation.

    To work directly with vector images, you can use libraries such as SVGKit or SVGQuartzRenderer, although you must bear in mind that they do not implement 100% of the SVG standard. On the other hand, if you search a little there is probably another bookstore.

    • 1