Ich erstelle ein Spiel und möchte die iPad-Größeneinstellungen verwenden (Landschaft: 1024x768). Von dem, was ich gelernt habe, wird die Verwendung der iPad-Einstellungen einen Teil der Höhe nur auf einem iPhone ausschneiden. Sagen wir, ich habe ein 2048x1536 Hintergrundbild für iPad (1024x768) und ein 2208x1242 Bild für iPhone 6+ (736x414),
ich. Wie kann ich die 'sichere Region' vom iPad bestimmen, die auf dem iPhone 6+ sowohl punkt- als auch pixelweise erscheint?
ii. Wird die "sichere Region" für das iPhone 6+ mit dem iPhone 6 (667x375) mit einem 1334x750 Bild identisch sein? Wenn nicht, wie kann es auch punkt- und pixelweise bestimmt werden?
Ich nehme an, Sie möchten ein universelles Spiel erstellen, das sowohl auf dem iPad als auch auf dem iPhone läuft. Wenn dies der Fall ist, gibt es zwei Möglichkeiten, Ihre Grafikelemente im Bereich "Attribute" zu definieren (ganz rechts auf Ihrer Xcode-Oberfläche, während "Assets.xcassets" ausgewählt ist). Im Bereich Geräte können Sie zwischen Universal, iPhone, iPad, Apple Watch, Apple TV, Mac und einer beliebigen Kombination dieser Geräte auswählen.
Wenn Sie nur "Universal" auswählen, müssen Sie sicherstellen, dass die Assets, die Sie dort einfügen, sowohl auf dem iPhone als auch auf dem iPad gut aussehen. Wenn dies der Fall ist, finden Sie unten einige Hinweise, wie Sie Ihre Ressourcen für die universelle Verwendung sichern können.
Wenn Sie "iPad" und "iPhone" auswählen, müssen Sie separate Assets für iPad und iPhone mit den entsprechenden Auflösungen und Seitenverhältnissen hinzufügen. Nach meiner Erfahrung war ich immer auf diesem Weg. Für das iPad (1x) müssen Sie einen 1024x768 Hintergrund bereitstellen, für das iPad (2x) müssen Sie einen 2048x1536 bereitstellen, es sei denn Sie wählen "Single Scale" und verwenden eine einzelne Vektor PDF Datei. Entsprechend müssen Sie für das iPhone ein 480x320 (1x, nur für den Fall, dass Sie alte Geräte wie das iPhone 3G / 3GS unterstützen müssen, da Sprite-Kit mit iOS7 eingeführt wurde), dann 1334x750 (2x ), und 2208x1242 (3x, für das iPhone 6+, 6S +, 7+). Mit diesem Ansatz müssen Sie sich keine Sorgen um "sichere" Zonen machen, da die von Ihnen gelieferten Grafiken auf jedem Gerät korrekt verwendet werden, ohne dass die Kante abgeschnitten wird. Denken Sie daran, dass iPhone 4S und iPhone 5 / 5S / SE eine Hintergrundskalierung benötigen würden, um das gesamte 2x Bild auf dem Bildschirm zu sehen. Sonst würde es gezoomt aussehen.
Wenn Sie mit dem ersten Ansatz fortfahren, sollten Sie die folgenden Informationen berücksichtigen, um Ihre "universellen" Grafiken für die Verwendung mit allen Geräten sicher zu machen: iPhone 5 / 5S / SE ... und alle neueren haben ein 16: 9-Bildformat. iPhone 4S hat ein Seitenverhältnis von 3: 2 (Sie müssen sich nur darum kümmern, wenn Ihr Spiel iOS 9 unterstützt). iPad Bildschirm-Seitenverhältnis ist 4: 3.
Mit dem oben genannten können Sie zwei Wege gehen: 1. Verwenden Sie 16: 9 Universal Assets, deren linke / rechte Teile auf iPad und iPhone 4S abgeschnitten werden. 2. Verwenden Sie 4: 3 Universal Assets, deren obere / untere Teile auf iPhones abgeschnitten werden.
Das obige gilt für Ihre 2x Assets, da diese sowohl für Retina iPads als auch für Retina iPhones (4S, 5 / 5S, SE, 6 / 6S / 7) verwendet werden.
1x Assets werden nur für nicht retinierte iPads verwendet (iPad 2, falls Sie iOS 9 unterstützen würden, andernfalls überspringen Sie diese auch).
3x Assets werden nur für die "Plus" iPhone Modelle verwendet. Also schlage ich vor, dass Sie diese nur im Verhältnis 16: 9 (2208x1242) zur Verfügung stellen.
Also, wie berechnen Sie Ihre "sicheren" Zonen? Ganz einfach:
Fall 1 (16: 9 Assets auch für das iPad): Höhe 1536 (das ist die iPad-Höhe der Retina in Pixeln, obwohl Sie Pixel Proper auf iPad Pro 12.9 "dann sollten Sie das auf erhöhen 2048), width = 1536 * 16/9 = 2732 Pixel breit (3640 Pixel für iPad Pro-Unterstützung) Beachten Sie, dass Sie das Programm in der Laufzeit verkleinern müssen, um es an die iPhones anzupassen Wichtiger Inhalt von deinem Hintergrund, lege nichts links oder rechts von den mittleren 2048 Pixel des 2732x1536 Universalbildes ab (342 Pixel "Gefahrenzonen" links und rechts). Wenn du mit einem 3640x2048 Bild gehst (unterstützt iPad Pro 12.9 "), verwenden Sie dann nur die mittleren 2732 Pixel und lassen nur unwichtige Sachen in den 454-Pixel breiten linken und rechten Grenzen übrig.
Fall 1b (das gleiche wie oben, aber mit einem kleineren Bild): Ein anderer Ansatz wäre, ein natives (iPhone 6 / 6S / 7) 1334/750 Pixel Bild zu verwenden, aber dann müssen Sie für iPads skalieren, und verkleinern für iPhone 4S / 5 / 5S / SE. In diesem Fall ist Ihre "sichere" Zone 1000x750 (sichtbar auf 4: 3 iPads und 16: 9 iPhones).
Fall 2 (4: 3-Assets, die auch für iPhones verwendet werden): Verwenden Sie für die 2x-Assets 2048 x 1536 Pixel-Bilder. Abhängig davon, wie du das Sprite auf dem Bildschirm positionierst, gibt es Verluste an den oberen und / oder unteren Teilen. Wenn es zentriert ist, dann ist Ihre "sichere" Zone 2048/16 * 9 = 1152, was zu 2048x1152 in der Mitte des 2048x1536-Assets führt.
Wenn Sie weitere Erläuterungen benötigen, werde ich das gerne erläutern.
Tags und Links iphone ios ipad sprite-kit