Perché XCode scala le immagini vettoriali meglio di Illustrator o Photoshop?

Question

Ho provato a utilizzare la nuova funzionalità PDF di XCode che sostanzialmente ridimensiona l'immagine in 1x, 2x e 3x. Sfortunatamente sto anche usando Spritekit, quindi preferirei usare SKTextureAtlases piuttosto che il Catalogo delle risorse.

Il mio problema è che la versione rasterizzata del pdf ha un aspetto migliore di qualsiasi esportazione da Adobe Illustrator (o Photoshop che utilizza Smart Objects).

Ecco un collegamento a un Imgur album con esempi.

In particolare, l'immagine esportata da Illustrator è in 2 dimensioni quadrate: 60px e 90px. Le immagini in Xcode hanno tutte lo stesso nome ma sono in due atlanti diversi: atlas@2x.atlas e atlas@3x.atlas. Il PDF è stato esportato a 30px quadrati da Illustrator e quindi Xcode lo ridimensiona alle versioni 2x e 3x.

Quindi, perché la versione Xcode appare più nitida (specialmente attorno all'incrocio tra l'angolo arrotondato e il lato piatto)?

Answer 1

Penso che questo potrebbe essere un problema di risoluzione: Xcode non ha la risoluzione necessaria in modo da ingrandire un'immagine causando glitch.

Quando viene creato uno SKSpriteNode senza indicazione della dimensione, viene utilizzata la dimensione della trama. Pertanto, se si SKSpriteNode hanno una dimensione di 30x30 punti, dovete portare un'immagine di 60x60 pixel per @ 2x e un'immagine di 90x90 pixel per @ 3x.

Ciò potrebbe anche essere dovuto alle impostazioni di Illustrator.

Per avere un confronto vero sullo schermo, è possibile visualizzare due SKSpriteNode con le stesse dimensioni di 30x30 punti:

• il primo di essi hanno è texture da atlas generati da Illustrator
• l'seconde avere la sua texture da un'immagine dalle risorse create dalla funzionalità PDF di XCode

Si noti che per questo test non è nemmeno necessario un atlante come atlante è inteso per il rendering ottimizzazioni.