Teil 4: Ihren Spieler erstellen

In Teil 3 haben Sie gelernt, wie Sie Ihre erste Ebene erstellen. In diesem Tutorial werden wir unsere leere Ebene in ein Spiel verwandeln.

Ein Platformer ist ein Spiel wie Mario. Typischerweise haben Plattformspiele einen Charakter, der per Joystick gesteuert werden kann und umher springen kann, um verschiedene Rätsel zu lösen.

Dieser Teil des Leitfadens baut auf Teil 3 auf und setzt voraus, dass Sie Ihre Ebene bereits mit den Assets aus dem Platformer Starter Pack erstellt haben, das Sie im Asset Shop herunterladen können.

Hinzufügen des Spielers:

Sie müssen zuerst Ihre Spieler-Grafik zum Objekt-Dock hinzufügen. Beginnen Sie, indem Sie zum Download-Ordner in der Asset-Bibliothek navigieren und den animierten grünen Weltraummann-Charakter finden.

Durch Antippen des animierten Charakters in der Asset-Bibliothek werden Ihnen alle verfügbaren Animationszyklen angezeigt.

Da wir nicht wollen, dass der Spieler aussieht, als würde er laufen, obwohl er stillsteht, verwenden wir den „Stand“-Animationszyklus. Tippen Sie auf den „Stand“-Animationszyklus, um ihn zum Dock hinzuzufügen.

Hinweis: Wenn die animierte Grafik, die Sie verwenden, keinen Stand- oder Idle-Zyklus hat, können Sie jederzeit ein einzelnes Bild einer Animation auswählen, indem Sie Ihren Finger auf den Animationszyklus halten und „Frames anzeigen“ aus dem Asset-Menü auswählen.

Jetzt, da Sie Ihren Charakter im Objekt-Dock haben, können Sie ihn einfach vom Dock in Ihre Szene ziehen.

Bewege den Spieler:

Jetzt müssen wir den Charakter zum Leben erwecken und ihn mit einem Joystick beweglich machen. hyperPad macht diesen Prozess mit den enthaltenen Verhaltensweisen sehr einfach.

Öffnen Sie zuerst die Objekt-Eigenschaften, indem Sie auf den Charakter tippen, den Sie gerade auf die Leinwand gezogen haben.

Wählen Sie im Reiter „Physik“ der Objekt-Eigenschaften den „Physics Type“ aus, indem Sie auf das Physik-Objekt-Symbol ( ) direkt unter dem „Verhalten“-Button tippen.

Hinweis: Physik-Objekte unterliegen den Gesetzen der Schwerkraft und reagieren auf andere Objekte und Kräfte.

Tippen Sie als Nächstes auf die Schaltfläche Verhalten, um den Verhalten-Editor zu öffnen und den Prozess zu beginnen, um Ihren Charakter spielbar zu machen.

Der Verhalten-Editor hat verschiedene Kategorien, die in der oberen Leiste angezeigt werden, und Verhaltensweisen in der Liste auf der linken Seite.

Da Sie einen Animationszyklus hinzugefügt haben, wurde bereits ein „Play Animation“-Verhalten auf die Verhalten-Leinwand hinzugefügt.

Ziehen Sie aus der Kategorie „Interaktion“ das Verhalten „ Joystick Controlled “ auf Ihre Leinwand.

Sobald dieses Verhalten hinzugefügt wird, wird auch automatisch ein Joystick in Ihrer GLOBAL UI Layer erstellt und hinzugefügt. Wenn Sie bereits einen Joystick in Ihrem UI-Layer hinzugefügt hatten, wird das Verhalten stattdessen automatisch diesen verwenden.

Jetzt können Sie auf „Play“ drücken und Ihr Spiel starten! Sie werden jedoch bemerken, dass der Spieler einfach über den Bildschirm rutscht...

Animationen:

Lassen Sie uns das Spiel etwas besser aussehen lassen, indem wir unserem Spieler einige Animationen hinzufügen.

Wir beginnen damit, dass der Charakter läuft, wenn der Joystick nach links oder rechts bewegt wird.

Um dies zu tun, müssen Sie die „erweiterten“ Interaktionsverhalten anzeigen. Während Sie sich in der Kategorie „ Interaktion “ befinden, tippen Sie auf die Option „ Erweitert “ am Ende der Verhaltensliste.

Fügen Sie aus der „erweiterten“ Liste „Joystick Left“ und „Joystick Right“ auf die Leinwand hinzu.

Fügen Sie als Nächstes aus der Kategorie „FX“ das Verhalten „Play Animation“ hinzu und verbinden Sie sowohl den Joystick Left als auch Right mit dieser neu hinzugefügten Play Animation.

Tippen Sie jetzt auf das Verhalten „Play Animation“, um die Eigenschaften des Verhaltens anzuzeigen.

Die erste Box oben ist das Objekt, auf das Sie die Animation anwenden möchten. hyperPad wählt automatisch das aktuelle Objekt aus.

Hinweis: Sie können hier tippen und ein anderes Objekt in Ihrer Szene auswählen, wenn Sie möchten. Das wollen wir jetzt nicht tun, also lassen wir es so.

Die nächste Box darunter stellt die Animation dar, die Sie abspielen möchten. Da es keine Animation zum Abspielen gibt, ist sie leer.

Tippen Sie auf die leere Box, um eine Animation auszuwählen.

Bemerkenswert ist, dass ein Filmstreifen am unteren Bildschirmrand erscheint. Tippen Sie auf das Asset-Bibliothek-Symbol, um einen Animationszyklus zum Filmstreifen hinzuzufügen.

Navigieren Sie zum animierten „Green Spaceman“-Charakter und wählen Sie den „Walk“-Zyklus aus. Beachten Sie, dass cada Frame der Animation automatisch zum Filmstreifen hinzugefügt wurde. Tippen Sie irgendwo, um den Filmstreifen zu schließen und zu den Eigenschaften zurückzukehren.

Hinweis: Sie können auch einzelne Bilder oder Animationsframes zum Animationsfilmstreifen hinzufügen. Sie sind nicht nur auf vorgefertigte Animationszyklen beschränkt.

Stellen Sie als Nächstes in den Eigenschaften des Walk-Animationsverhaltens den Schalter für „Loop Animation“ aus. Wir wollen, dass dieser Schalter deaktiviert ist, da der Joystick Left und Right unsere Animationen für uns im Grunde genommen schleifen, da die Animation nur abgespielt wird, während der Joystick nach links oder rechts ist.

Schließlich benennen wir dieses Verhalten um, damit es später einfacher zu finden ist. Tippen Sie in den Verhaltenseigenschaften auf den Verhalten-Namen ganz oben. Dadurch wird eine Tastatur eingeblendet, mit der Sie einen neuen Namen für das Verhalten eingeben können. Nennen wir es „Walk Animation“

Wenn Sie jetzt auf „Play“ drücken, sollte sich Ihr Charakter mit dem Joystick bewegen und animiert sein!

Springen:

Man kann nicht in einem Plattformspiel springen! Das Springen des Spielers ist in hyperPad ein Kinderspiel.

Während Sie sich noch im Verhalten-Editor des grünen Weltraummanns befinden, tippen Sie auf die Kategorie „Interaktion“, und ziehen Sie aus der Verhaltensliste auf der linken Seite das Verhalten „ Jump with Button “ hinein. Genau wie das Verhalten „Joystick Controlled“ wird auch das Sprungverhalten viele Bewegungen Ihrer Objekte für Sie übernehmen und automatisch einen Button zur Global UI Layer hinzufügen.

Sie können das Sprungverhalten tippen, um dessen Eigenschaften anzuzeigen. In den Eigenschaften des Sprungverhaltens können Sie Einstellungen wie den abzuspielenden Ton, die Sprungkraft und mehr ändern. Für dieses Tutorial werden wir alles gleich lassen, außer dass wir die Sprungkraft ändern.

Ich musste die Kraft auf 18 setzen, um über alle Hindernisse in der für Teil 3 erstellten Ebene springen zu können. Wenn Sie Ihre eigene Ebene gestaltet haben, müssen Sie möglicherweise mit dem Sprungwert spielen, bis er für Sie funktioniert.

Wenn Sie jetzt auf „Play“ drücken, können Sie sehen, wie Ihr Spieler herumlaufen und springen kann. Sie könnten jedoch bemerkt haben, dass der Charakter weiterhin läuft, während er in der Luft springt... lassen Sie uns das beheben!

Beginnen wir damit, eine Animation abzuspielen, während Sie springen.

Fügen Sie aus der Kategorie „Interaktion“ ein „Started Touching“-Verhalten hinzu und tippen Sie dann auf das Verhalten, das Sie gerade hinzugefügt haben, um die Eigenschaften anzuzeigen.

Jetzt müssen wir das Verhalten ändern, sodass es nur funktioniert, wenn Sie den Sprung-Button berühren. Tippen Sie in den Eigenschaften des „Started Touching“-Verhaltens auf die Grafiken des Weltraummannes im obersten Feld.

Dies führt Sie zum „Objektwähler“-Bildschirm. Von hier aus können Sie ein beliebiges Objekt oder UI-Element in Ihrer Szene auswählen. Sie können den Button wahrscheinlich nicht auswählen. Das liegt daran, dass der grüne Weltraummann sich auf der Hauptschicht und der Button sich auf der Global UI Layer befindet. Tippen Sie einfach in der Schichtenleiste auf der rechten Seite des Bildschirms auf die Global UI -Schicht. Jetzt können Sie den Button auswählen.

Tippen Sie mit dem ausgewählten Button auf das Bestätigungs-Symbol unten.

Fügen Sie als Nächstes ein weiteres Play Animation-Verhalten hinzu und verbinden Sie es mit dem „Started Touching“-Verhalten, das wir zuvor hinzugefügt haben.

Wie Sie es zuvor getan haben, können Sie das Verhalten umbenennen und aus den Verhaltenseigenschaften eine Animation auswählen.

Um den Namen zu ändern, tippen Sie auf den Titel des Verhaltens in den Objekteigenschaften und geben Sie einen neuen Namen ein. Ich habe „Jump animation“ verwendet.

Wie Sie es für die Geh-Animation getan haben, müssen Sie einen Zyklus für den Sprung auswählen. Tippen Sie auf die zweite leere Box in den Verhaltenseigenschaften und wählen Sie den Sprunganimationszyklus aus den verfügbaren Animationen des grünen Weltraummannes aus.

Sie müssen auch den Schalter „Loop Animation“ und den Schalter „Restore Frame“ deaktivieren.

Wenn Sie jetzt auf „Play“ drücken, können Sie sehen, dass der Charakter beim Springen zu springen scheint! Es gibt jedoch immer noch zwei kleine Probleme.

1. Der Charakter kehrt nicht zu seiner Stehanimation zurück, wenn er landet.

2. Wenn Sie den Charakter bewegen, während er in der Luft ist, spielt der Charakter die Gehanimation in der Luft ab.

Für das erste Problem wechseln Sie zur Kategorie „Transform“-Verhalten und tippen Sie auf die erweiterte Schaltfläche, um die erweiterten Verhaltensweisen anzuzeigen.

Jetzt ziehen Sie das Verhalten „ Stopped Falling “ und auch ein weiteres „Play Animation“-Verhalten aus der Kategorie FX hinzu und verbinden Sie es mit dem „ Stopped Falling “.

Wählen Sie in dem „Play Animation“, das Sie gerade hinzugefügt haben, den „Stand“-Animationszyklus des grünen Weltraummannes aus, deaktivieren Sie die toggles „Restore Frame“ und „Loop Animation“ und ändern Sie den Namen des Play Animation-Verhaltens in „Standing“.

Der grüne Weltraummann sollte jetzt in der Lage sein zu springen und beim Landen so aussehen, als würde er stehen.

Für das zweite Problem müssen wir verhindern, dass die Animation während des Springens abgespielt wird.

Wechseln Sie zur Kategorie „Custom“-Verhalten und ziehen Sie „Behavior Off“ hinzu und verbinden Sie es mit dem „Started Touching“-Verhalten, das wir zuvor für die Jump Animation hinzugefügt haben.

Tippen Sie jetzt auf „Behavior Off“ und tippen Sie auf die leere Box, um ein Verhalten aus der Liste auszuwählen. Suchen Sie in der Liste nach dem Verhalten „Play Animation“ (Walk Animation), das mit den Joystick-Links und -Rechts-Verhalten verbunden ist.

Fügen Sie als Nächstes ein „Behavior On“ hinzu und verbinden Sie es mit dem „Stopped Falling“-Verhalten, das wir zuvor hinzugefügt haben.

Noch einmal, tippen Sie auf die leere Box und wählen Sie das Play Animation (Walk Animation)-Verhalten aus, das die Geh-Animation abspielt.

Wenn Sie jetzt auf „Play“ drücken, sollte Ihr Charakter sich perfekt bewegen und springen können!

Bewege den Bildschirm:

Wie Sie wahrscheinlich bemerkt haben, wenn Sie sich zu weit bewegen, geht der Charakter vom Bildschirm. In traditionellen Plattformspielen bewegt sich der Bildschirm normalerweise mit Ihrem Spieler. Nehmen Sie Mario zum Beispiel, Mario bleibt immer in der Mitte des Bildschirms (mit ein wenig Abweichung).

Lassen Sie uns den Bildschirm mit dem grünen Weltraummann bewegen, damit er nie vom Bildschirm geht.

Während Sie sich noch im Verhalten-Editor des grünen Weltraummannes befinden, wechseln Sie zur Kategorie „Bildschirm“ und fügen Sie das Verhalten „Screen Follow“ hinzu. Das Verhalten „Screen Follow“ wird den Bildschirm mit dem von Ihnen ausgewählten Objekt bewegen.

Öffnen Sie als Nächstes die Eigenschaften des Verhaltens für „Screen Follow“ und deaktivieren Sie den Schalter für „Follows Y“. Dadurch wird sichergestellt, dass der Bildschirm Ihrem Spieler nach links oder rechts folgt, aber nicht nach oben oder unten.

Zu diesem Zeitpunkt sollten Sie, wenn Sie auf „Play“ drücken, durch Ihre Ebene mit einem animierten Charakter laufen können und der Bildschirm sich mit Ihnen bewegt.

Sie können die fertige Version von Teil 4 im Hub herunterladen und alles in Aktion sehen.

Im Teil 5 werden wir beginnen, einige Spiel-Elemente hinzuzufügen, indem wir Münzen zum Einsammeln und einen Punktestand hinzufügen.