Share
Dieses Tutorial führt Sie in GameSalad ein, eine Engine zur Erstellung von Spielen, mit der Sie 2D-Spiele schnell prototypisieren können, ohne Xcode oder Eclipse öffnen zu müssen.
Das Motto von GameSalad lautet "Game Creation for Everyone" und fasst genau zusammen, was GameSalad ist und warum es existiert. Das Konzept wirft die Frage auf: Warum sollte die Möglichkeit, ein Spiel zu erstellen, auf diejenigen beschränkt sein, die Code schreiben können? Sicher, viele sind in der Lage, einige Tutorials zu lesen (viele finden Sie hier bei Mobiletuts +!), Zusammen mit ein paar Büchern über die Entwicklung von nativen Spielen, und schließlich werden sie an einem Punkt angelangt, an dem sie ein Spiel von Grund auf programmieren können. Gleichzeitig gibt es viele weitere sehr kreative Leute, die einfach nur sehen wollen, wie ihre Ideen zum Leben erweckt werden und ein wenig die Kontrolle über ihr Spiel haben, ohne einen Code-Editor aufzurufen. Hier kommt GameSalad zur Rettung. GameSalad gibt mir selbst bei einem Programmierer wie mir die Möglichkeit, nicht über den Code nachzudenken, sondern mich auf das eigentliche Spiel zu konzentrieren.
GameSalad verwendet eine Drag-and-Drop-Oberfläche, mit der Sie Ihr Spiel zusammensetzen und dann allen Elementen Ihres Spiels Verhalten zuweisen können. Sie haben eine Menge Anpassungen, die Sie mit wenigen Einschränkungen auf Ihr Spiel anwenden können, und dann haben Sie ein funktionierendes Spiel mit einer viel schnelleren Geschwindigkeit, als alles von Hand zu codieren. Während Sie mit GameSalad nichts programmieren müssen, müssen Sie ein wenig verstehen, wie Programme funktionieren, da das Konzept der Schleife und der bedingten Ausführung von wesentlicher Bedeutung ist.
Bedeutet das, dass GameSalad das Ende der Handcodierungsspiele ist? Nein überhaupt nicht. Es gibt Einschränkungen, was GameSalad erreichen kann. Eines der bemerkenswertesten ist 3D, da GameSalad derzeit nur 2D-Spiele ausführen kann. Keine Sorge, diese Einschränkungen zwingen Sie nur dazu, kreativer zu sein!
Bevor Sie mit GameSalad in die Entwicklung einsteigen, müssen Sie einige Voraussetzungen erfüllen. Sie benötigen mindestens Folgendes:
Das letzte ist keine absolute Notwendigkeit, aber es ist immer gut, ein echtes mobiles Gerät zum Testen zu haben.
Wie Sie den obigen Voraussetzungen entnehmen können, ist GameSalad momentan nur Mac. Ab dem 17. Mai 2012 gaben sie jedoch bekannt, dass der Spieleentwickler bald zu Windows kommt und Sie sich hier für die Beta anmelden können. Ich habe noch nicht auf die Betaversion zugegriffen und kann daher nicht erklären, ob es einen anderen Prozess gibt. Ich würde vermuten, dass der Prozess gleich oder ähnlich sein wird, aber Sie benötigen immer noch Zugriff auf einen Mac (und einen Apple-Entwickler-Account), um ihn im iOS App Store veröffentlichen zu können. Glücklicherweise hat GameSalad gesagt, dass Sie Dateien problemlos zwischen Windows und OS X verschieben können.
Als erstes müssen Sie zur GameSalad-Website gehen und auf den Ersteller-Link in der oberen Navigationsleiste klicken. Sie sehen dann oben rechts im Hauptinhalt eine violette Schaltfläche, auf die Sie klicken und den Ersteller herunterladen möchten. Wenn Sie auf einem Gerät testen möchten, können Sie den entsprechenden Viewer (iOS oder Android) herunterladen..
Warten Sie, bis die Downloads abgeschlossen sind. Melden Sie sich oben rechts auf der Website für ein Konto an. Bei der Anmeldung werden Sie gefragt, ob Sie ein Upgrade von einem kostenlosen Konto auf ein Pro-Konto durchführen möchten. Zum Zeitpunkt der Erstellung eines Pro-Kontos fallen Kosten an $299. Die Pro-Version bietet Ihnen viele zusätzliche Funktionen, die nicht im kostenlosen Konto enthalten sind.
Mit dem kostenlosen Konto können Sie Spiele mit dem Ersteller erstellen, sie mit dem Viewer auf Ihrem Gerät testen, im Web veröffentlichen, im Mac App Store und im iOS App Store (vorausgesetzt, Sie verfügen über die entsprechenden Apple-Zertifikate), über einen benutzerdefinierten Begrüßungsbildschirm und erhalten Sie grundlegende technische Unterstützung. Der Nachteil ist, dass die kostenlose Version Anzeigen anzeigt.
Für das Pro-Konto erhalten Sie alle oben genannten Informationen (minus der Anzeige) und die Möglichkeit, im Android Market zu veröffentlichen, Twitter-Integration, Game Center-Integration, zusätzliche Monetisierungsoptionen, In-App-Käufe, externe Links, iAds und erstklassigen technischen Support . Der Preis ist alles wert, aber für den Moment reicht ein kostenloses Konto.
Wenn Sie den Ersteller zum ersten Mal starten, können Sie sich bei Ihrem Konto anmelden und einige der verfügbaren Vorlagen anzeigen. So können Sie sehen, wozu GameSalad fähig ist und wie Sie einige Aufgaben erledigen können.
Sie befinden sich auf der neuen Registerkarte, auf der Sie ein neues Projekt erstellen können (ggf. über eine Vorlage). Die anderen Registerkarten sind:
Home: Ein grundlegender Webview für eine Reihe von GameSalad-Links.
News: Zeigt Ihnen die neuesten Updates aus dem Blog und die Neuigkeiten in der GameSalad-Community.
Start: Tutorials, Wiki, Blog und eine Kurzanleitung.
Profil: Zeigt Ihr GameSalad-Profil, Benachrichtigungen, Nachrichten, Follower und Likes an.
Neu: Auf diesem Bildschirm beginnen Sie.
Recent: Zeigt alle kürzlich gespeicherten Projekte an.
Portfolio: Hier werden alle veröffentlichten Anwendungen angezeigt.
Machen wir weiter und öffnen Sie das Alien Conquest-Projekt, um zu sehen, wie ein abgeschlossenes (oder teilweise abgeschlossenes) Spiel aussieht. Wenn Sie auf das Spielsymbol doppelklicken, erscheint als erster Bildschirm der Übersichtsbildschirm des Projekts. Einige grundlegende Informationen werden hier präsentiert, alles selbsterklärend. In diesem Übersichtsbildschirm befinden sich einige Registerkarten, mit denen Sie einen Überblick über die spezifischen Elemente erhalten, aus denen Ihr Spiel besteht. Die Szenen sind Ihre Level und die Schauspieler sind alle anderen Elemente, die ein Level ausmachen.
Klicken Sie auf die Registerkarte Szenen und öffnen Sie Szene 1.
Auf der linken Seite haben wir alle unsere Komponenten und Bibliothekssteuerelemente.
Mit dem Inspector können Sie verschiedene Attribute der Szene oder des Spiels als Ganzes untersuchen. Die Bibliothek enthält alle Verhaltensweisen, die Sie möglicherweise der Szene, dem Spiel oder den Schauspielern zuweisen möchten, aus denen das Spiel besteht (und in der Pro-Version steuern Sie die Game Center-Integration und die iAds). Sie können auch alle Bilder und Sounds betrachten, aus denen das Spiel besteht (und hier fügen Sie sie auch hinzu)..
Auf der rechten Seite haben Sie Ihr Layout der Szene. Klicken Sie oben in der Mitte auf Vorschau und haben Sie ein kurzes Spiel des Grundspiels. Die Steuerelemente sind links, rechts und Platz zum Schießen.
Wenn Sie fertig sind, kehren Sie zur Szenenübersicht zurück und doppelklicken Sie auf das Raumschiff in der Szene. Zuerst wird ein ausgegrauter Bildschirm mit einem Vorhängeschloss angezeigt (wir kommen später darauf zurück). Für jetzt, gehen Sie vor und klicken Sie, um es zu entsperren. Sie werden etwas wie folgt sehen:
Hier können Sie alle Attribute sehen, die der Raumschiffakteur ihm zugewiesen hat.
Es wird abprallen, wenn es mit einem Schauspieler kollidiert, der eine Markierung von Walls hat.
Es gibt einen Regelsatz, der nur dann auftritt, wenn die rechte Taste gedrückt ist ODER der Beschleunigungsmesser auf der X-Achse größer als 0,1 ist. Dadurch wird der Schauspieler relativ zu seiner aktuellen Position verschoben.
Eine ähnliche Regel für das Bewegen nach links.
Eine Regel, wenn die Maustaste gedrückt ist oder die Leertaste gedrückt wird. Dies feuert eine Kugel in einer Position relativ zum Schauspieler ab.
Eine Timerregel.
Ich denke, dass Sie aus den obigen Ausführungen erkennen können, dass Sie das Spiel zwar nicht direkt programmieren, aber dennoch alle Teile des Spiels programmatisch zusammenstellen.
Lassen Sie uns fortfahren und ein paar Attribute zu diesem Spiel hinzufügen.
Wenn der Schiffsspieler noch geöffnet ist, klicken Sie auf "Regel erstellen" in der rechten oberen Ecke des Fensters. Die Erstellungsregel wird verwendet, um eine Aktion auf der Grundlage eines anderen Ereignisses zu definieren. Sie können die Regel so einstellen, dass sie reagiert, wenn "All" oder "Any" Ihrer definierten Bedingungen eintritt. Wenn Sie "Alle" einstellen, wird festgelegt, dass die Aktion nur ausgeführt werden kann, wenn alle Anforderungen erfüllt sind. Wenn Sie "Beliebig" einstellen, wird die Aktion ausgeführt, wenn eine der Bedingungen erfüllt ist. In GameSalad ist Englisch Ihre Programmiersprache. Wir werden eine Regel festlegen, die unseren Schauspieler vorwärts bewegt, wenn die Aufwärtspfeiltaste gedrückt wird.
Fahren Sie fort und erstellen Sie eine Regel für den Zeitpunkt, zu dem der Actor das Key-Ereignis empfängt (Sie finden es in der Dropdown-Liste), wenn die Tastatur nach oben gedrückt ist. Ziehen Sie dann das Verschiebungsverhalten aus der Bibliothek in den grauen Bereich unter den Bedingungen der Regel und setzen Sie die Richtung auf 90, relativ zum Akteur und mit dem Verschiebungsart des Zusatzstoffs. Stellen Sie die Geschwindigkeit auf etwa 150 ein. Es ist ein schwieriger Prozess, wirklich verständliche Anweisungen zu schreiben. Schauen Sie sich das Video unten an.
Wenn Sie jetzt eine Vorschau des Spiels anzeigen, können Sie die Aufwärts-Taste drücken und vorwärts gehen. Das einzige Problem ist, dass wir noch nicht rückwärts gehen können. Gehen wir zurück und erstellen Sie jetzt eine andere Regel.
Anstatt den Vorgang des Anklickens einer anderen Regel durchzugehen und das Verschiebungsattribut per Drag & Drop zu ziehen, können Sie einfach eine einfache Tastenkombination verwenden. Halten Sie die ALT-Taste gedrückt, und klicken Sie auf die gerade erstellte Regel, bevor Sie sie etwas nach unten ziehen. Lassen Sie den Mausklick los und die Regel wurde dupliziert. Jetzt ändern Sie einfach den Schlüssel von oben nach unten und die Bewegungsrichtung auf 270. Klicken Sie erneut auf Vorschau und jetzt können Sie unser Schiff sowohl vorwärts als auch rückwärts bewegen. Aber wenn wir das Level abschließen, hat das neue Schiff diese Eigenschaften nicht. Wir könnten diese Regeln auch für den Schauspieler festlegen, aber es gibt einen schnelleren Weg, um die bereits geleistete Arbeit nicht ständig zu wiederholen, und hilft auch bei wiederverwendbaren Regeln.
Wählen Sie die neuen Regeln aus (halten Sie die Umschalttaste gedrückt und klicken Sie zum Auswählen), und klicken Sie dann auf Gruppe erstellen. Diese Regeln werden nun in Gruppen zusammengefasst und wir können diese Gruppe beliebig benennen.
Das Gruppieren von Regeln ist praktisch, wenn Sie viele Regeln gemeinsam verwenden oder viele Regeln für ein Attribut aktiv haben.
Jetzt können wir unsere Gruppe unter Verhalten -> Benutzerdefiniert in die Bibliothek ziehen. Wenn wir uns aus der Schauspielerübersicht zurückziehen und zu unserem Spielinspektor zurückkehren, können Sie die Schauspielerliste nach unten scrollen, bis Sie den Schauspieler 2 sehen. Klicken Sie auf diesen Akteur, um seine Attributübersicht einzugeben, und ziehen Sie Ihr benutzerdefiniertes Verhalten einfach per Drag & Drop. Jetzt spielen Sie das Spiel erneut und Sie haben die Kontrolle über beide Spieler. Wieder ein weiteres Video, um die Aktion visuell zu zeigen:
Gehen wir nun zurück zu unserer Schauspielerliste und klicken Sie auf Spieler. Wenn Sie durch die Attribute scrollen, werden Sie feststellen, dass die Regel für das Vor- und Zurückbewegen fehlt. Warum? Denn als wir die Regel zuerst hinzugefügt haben, haben wir sie der Instanz dieses bestimmten Spielers in dieser bestimmten Szene hinzugefügt. Was wir hier betrachten, ist der Prototyp dieses Schauspielers. Wenn Sie einen Akteur in die Szene ziehen, erbt er alle Attribute, die sein Prototyp besitzt. Sie können jedoch mehr oder weniger Regeln für eine bestimmte Instanz angeben. Erinnern Sie sich noch an das Vorhängeschloss auf der undurchsichtigen Leinwand, als wir uns direkt in die Regeln stürzten? Das erinnerte uns daran, dass wir die Instanz des Schauspielers editierten und nicht dessen Prototyp. Wenn dieser Schauspieler in dieser Szene zerstört wurde und wir einen Klon hervorbrachten, würde er aus dem Prototyp und nicht aus der Instanz hervorgebracht werden, so dass es keine Vorwärts- und Rückwärtsbewegung gab.
Wir können unser benutzerdefiniertes Verhalten hier herausziehen und in den Prototyp einfügen. Gehen Sie zurück und klicken Sie auf den Darsteller in der Szene. Klicken Sie oben links im Fenster auf "Prototyp wiederherstellen". Nun ist die Instanz identisch mit dem Prototyp.
Bevor wir mit dem Erstellen eines Spiels beginnen, müssen wir den GameSalad-Viewer auf unserem Gerät installieren. Mit iOS erhalten Sie ein Xcode-Projekt, das Sie auf Ihr iOS-Gerät aufbauen müssen. Wenn Sie nicht wissen, wie das geht, können Sie die GameSalad-Dokumentation ganz einfach nach dem schrittweisen Verfahren zum Erstellen eines Xcode-Projekts auf einem Gerät durchsuchen. Der Android-Viewer ist einfach ein APK, das Sie direkt auf Ihrem Gerät installieren können.
Sobald der Viewer läuft und mit demselben WLAN verbunden ist, erkennt der GameSalad-Ersteller es und gibt Ihnen eine zusätzliche Option für die Vorschau auf dem Gerät. Das Spiel, mit dem wir gespielt haben, funktioniert im Moment nicht mit einem Gerät, also erstellen wir schnell etwas, das funktioniert.
Schließen Sie das Spiel und klicken Sie auf das Symbol My Great Project, um ein neues Projekt in Gang zu setzen. Sie können die Projektinfos jederzeit ausfüllen, lassen Sie sie jetzt und klicken Sie auf Szenen -> Vorszene.
Klicke auf das + Fügen Sie im Inspektor einen neuen Schauspieler hinzu und ziehen Sie diesen in die Szene. Doppelklicken Sie auf den Prototyp des Schauspielers und erstellen Sie eine Regel für den Zeitpunkt, zu dem der Schauspieler ein Ereignis empfängt, wenn die Berührung gedrückt wird. Das Verhalten des Constrain-Attributs wird dann per Drag & Drop verschoben und bearbeitet. Klicken Sie auf die Ellipsen, und der Attributbrowser wird angezeigt. Hier können wir auf andere Attribute zugreifen, die wir möglicherweise verwenden möchten. Wir möchten, dass sich der Schauspieler auf die Berührung (oder Maus) beschränkt, so dass wir zunächst die X-Position des Schauspielers einschränken. Stellen Sie Actor 1 -> Position -> X auf: Gerät -> Maus -> Position -> X. Maus und Touch werden in GameSalad gleich behandelt, so dass dies einwandfrei funktioniert. Machen Sie dasselbe für die Y-Achse und die Vorschau entweder im Ersteller oder auf einem Gerät. Sie können jetzt auf den Schauspieler klicken und ihn mit sich ziehen.
Gehen Sie zurück zur ersten Szenenübersicht und erstellen Sie einen weiteren Schauspieler. Klicken Sie auf, um die Prototypübersicht einzugeben. Machen Sie diesen Akteur rot (Sie sehen das Farbattribut in der Liste der Akteurattribute und verwenden den Farbwähler, um Rot zu wählen). Fügen Sie diesen Schauspieler der Szene hinzu und klicken Sie dann auf Schauspieler 1, um eine neue Regel hinzuzufügen. Diese Regel wird gelten, wenn der Schauspieler Ereignis -> Überlappungen oder Kollisionen -> mit Schauspieler des Typs -> Schauspieler 2 empfängt. Ziehen Sie das Attribut Text anzeigen und ändern Sie den Text nach Belieben. Zeigen Sie eine Vorschau des Spiels an und ziehen Sie Schauspieler 1 auf Schauspieler 2.
Wir haben GameSalad installiert, einige Grundlagen durchgesehen und ein Projekt gestartet. Jetzt ist Kreativität die Grenze. Schauen Sie sich einige andere Spielvorlagen an und sehen Sie, welche Art von Spielen Sie erstellen können.
Wenn Sie sich weiter mit GameSalad befassen möchten, sollten Sie sich das GameSalad-Kochbuch und GSHelper ansehen, die beide mit Tutorials zu allen Aspekten der Erstellung von Spielen mit GameSalad gefüllt sind. Wenn Sie weitere Tutorials zu GameSalad sehen möchten, hinterlassen Sie unten einen Kommentar.
Wenn Sie echte Kontrolle über Ihren Code haben möchten, ist GameSalad nichts für Sie, aber wenn Sie sich nicht um den Code sorgen müssen und nur kreativ werden möchten, kann GameSalad eine großartige Lösung sein!
Accentsconagua