Spiele entwickeln für iOS und Android mit Cocos2D

1  Hello Cocos2D

In diesem Kapitel behandeln wir:

• die Installation von Xcode und Cocos2D zur Programmierung einer App für iOS und OS X
• die Einrichtung einer App bei iTunes Connect mit den nötigen Informationen für den App Store
• das Anlegen eines Projekts für eine App in Xcode
• die Einstellung produktbezogener Angaben und die Integration eigener Icons und Startbilder in Xcode
• die Ausführung einer App in Simulatoren und auf angeschlossenen Geräten
• das Hochladen einer App in den App Store zur Verifizierung
• die Installation von Eclipse, dem Android SDK mit NDK und Cocos2D-X zur Programmierung einer App für Android
• das Erstellen eines Android-Projekts mit anschließendem Importieren in Eclipse
• das Hinzufügen eines eigenen Hintergrundbildes und die Integration eigener Icons
• die Ausführung einer App im Android-Simulator und auf Android-Geräten
• das Hochladen einer App in verschiedene Stores

1.1  Xcode und Cocos2D installieren

Zur Entwicklung von Apps unter iOS und OS X mithilfe von Cocos2D benötigen Sie die Entwicklungsumgebung Xcode von Apple und das Cocos2D-Framework.

Xcode installieren

Xcode ist eine Software von Apple zur Entwicklung von Programmen für die Betriebssysteme iOS (iPod, iPhone, iPad) und OS X (iMac, MacBook).

Starten Sie den App Store, suchen Sie nach »xcode« und installieren Sie die Software.

Bild 1.1  Xcode im App Store

Spätere Updates von Xcode können Sie jederzeit wieder über den App Store installieren.

Bild 1.2   Updates im App Store

Cocos2D installieren

Besuchen Sie die Homepage von Cocos2D:

http://www.cocos2d-iphone.org/

Am 09.07.2012 ist nach mehr als einjähriger Entwicklung die Version 2.0 des Frameworks zur Entwicklung von 2-D-Spielen erschienen.

Im Download-Bereich finden Sie das komprimierte Archiv

cocos2d-iphone-2.0.tar.gz

mit der Cocos2D-Software. Es enthält einen Ordner mit den Dateien von Cocos2D. Kopieren Sie ihn auf den Desktop des Macs, und geben Sie ihm zur Vereinfachung den Namen:

cocos2d

Der Ordner enthält das Installationsskript:

install-templates.sh

Starten Sie Finder/Programme/Dienstprogramme/Terminal und geben Sie den Befehl

zum Wechseln in den Ordner cocos2d auf dem Desktop und den Befehl

zum Installieren des Cocos2D-Frameworks ein.

Bild 1.3   Installationsskript von Cocos2D

Das Skript kopiert die Dateien von Cocos2D in die Ordner

Library/Developer/Xcode/Templates/cocos2d v2.x

und

Library/Developer/Xcode/Templates/File Templates/cocos2d v2.x

1.2  Eine App für iOS erstellen

Auf der Homepage

https://developer.apple.com/

finden Sie Informationen von Apple zum iOS Developer Program (iPod, iPhone und iPad) und Mac Developer Program (iMac, MacBook).

Sie müssen Mitglied bei einem solchen Programm sein, um die entwickelten Apps auf realen Geräten testen und anschließend in den App Store hochladen zu können. Ohne eine solche Mitgliedschaft ist es nur möglich, Apps in den Simulatoren zu testen.

Im iOS Provisioning Portal finden Sie eine ausführliche Anleitung zur Installation eines iOS Development Certificate. Xcode benötigt ein solches Zertifikat, um den Test auf Geräten und das Hochladen in den App Store zu ermöglichen.

Bild 1.4   Informationen im iOS Provisioning Portal

Im Folgenden wird angenommen, dass Sie eine Mitgliedschaft besitzen und das Zertifikat zur Entwicklung von iOS Apps in Xcode installiert haben.

Eine App bei iTunes Connect einrichten

Loggen Sie sich bei iTunes Connect auf der Homepage

https://itunesconnect.apple.com/

ein. In Ihrem persönlichen Bereich finden Sie wichtige Links zu unterschiedlichen Themen.

Bild 1.5   Wichtige Links in iTunes Connect

Sie sollten sich den angebotenen Developer Guide unbedingt herunterladen. Er enthält alle Informationen zu den Verträgen, zur Einrichtung, zum Hochladen und zur Verwaltung von Apps, zum Nachkaufen von Dingen mithilfe von In-App Purchases, zur Einrichtung des Game Centers, zur Verwaltung von Benutzerdaten in der iCloud und zur Werbung mithilfe des iAd-Netzwerks.

Um eine App einzurichten, folgen Sie dem Link Manage your Applications. Auf der nächsten Seite nutzen Sie die Schaltfläche Add New App und wählen auf der nächsten Seite den Typ iOS App aus.

Alle Angaben, die auf den folgenden Seiten gemacht werden, lassen sich später noch ändern, bis auf den App-Namen und die SKU-Nummer. Zunächst können Sie die Angaben grob eintragen. Bevor die App in den App Store hochgeladen wird, sollten aber alle Angaben vollständig ergänzt sein.

Auf der nächsten Seite geben Sie eine Sprache, einen App-Namen, eine SKU-Nummer und eine Bundle ID an. Der App-Name bleibt 180 Tage lang reserviert. Wenn nach dem Ablauf keine App hochgeladen ist, wird der Name für immer für den Account gesperrt und danach für andere Accounts freigegeben. Um den Namen zu schützen, können Sie einen Dummy als App hochladen und anschließend sofort wieder löschen.

Bild 1.6   App Informationen

Die Bundle ID müssen Sie vorher in Ihrem Developer-Account angelegt haben. Wenn Sie auf den Link here klicken, gelangen Sie automatisch an die richtige Stelle und können dies nachholen.

Mithilfe der Bundle ID wird die App später weltweit identifiziert. Sie ist außerordentlich wichtig und sollte den allgemeinen Aufbau

haben, damit sie weltweit eindeutig ist.

Auf der nächsten Seite geben Sie das Verfügbarkeitsdatum an, ab dem die App im Store sichtbar sein soll, und stellen den gewünschten Preis ein.

Bild 1.7   Verfügbarkeitsdatum und Preis

Auf der nächsten Seite geben Sie noch einige Dinge an, zum Beispiel die Versionsnummer, die Beschreibung im Store und die Altersbeschränkung. Auch Icons und Screenshots werden hochgeladen, vorerst am besten weiße Bilder.

Bild 1.8   Icons und Screenshots

Die folgende Tabelle zeigt die Größen der einzelnen Bilder.

Bildtyp

Größe

Large App Icon

512 x 512 oder 1024 x 1024 (Retina)

iPhone / iPod Screenshots

960 x 640 oder 640 x 960 (Hoch- oder Querformat, beides Retina)

iPad Screenshots