Ein interaktives Buch erstellen

//www.youtube.com/embed/2Ej9nN2Pj0E

Einführung:

Dies ist ein Tutorial, um Ihnen beizubringen, wie man ein grundlegendes interaktives Buch mit hyperPad erstellt. Durch die Befolgung dieses Tutorials werden Sie die Konzepte verstehen, die erforderlich sind, um ein Buch zusammenzustellen.

Projektstruktur:

Ein hyperPad-Projekt ist in Szenen, Objekte und Verhaltensweisen unterteilt.

Szenen:

Szenen enthalten alle Objekte für Ihre App und sind eine großartige Möglichkeit, die verschiedenen Teile, die Ihre App ausmachen, zu organisieren. Zum Beispiel können Sie für jede Seite eines Buches eine neue Szene verwenden.

Objekte:

Objekte sind einzelne Elemente innerhalb der Szene. Dazu gehören jeglicher Text oder Illustrationen. Jedes Objekt kann seine eigenen Verhaltensweisen haben.

Verhaltensweisen:

Verhaltensweisen sind das, was Ihre Szene und Objekte interaktiv macht und zum Leben erweckt.

Bilder importieren:

Sie können Bilder und Illustrationen aus dem Kameraroll, dem Fotostream und Dropbox importieren. hyperPad erstellt automatisch nicht-retina-Bilder für Sie, also stellen Sie sicher, dass Sie beim Erstellen von Illustrationen an eine Bildgröße von 2048×1536 denken. Die maximale Bildgröße, die Tapapbl importieren kann, beträgt 2048×2048 Pixel.

Darüber hinaus, da hyperPad derzeit keine Schriftarten oder Rich Texts unterstützt, sollten Sie auch Ihren Text als PNG mit transparentem Hintergrund importieren.

Sobald Sie alle Ihre Bilder importiert haben, können Sie die Objekt-Schublade öffnen, um sie Ihrer Szene hinzuzufügen.

Verhaltensweisen hinzufügen:

Es ist einfach, Ihre Objekte in hyperPad interaktiv zu machen.

Tippen Sie zuerst auf das Objekt, das Sie interaktiv machen möchten. Tippen Sie dann in den Objekt-Eigenschaften auf die Schaltfläche „Verhaltensweisen“, um den Verhaltenseditor zu starten.

Für dieses Tutorial wollen wir die Interaktion erstellen, dass das Objekt bewegt wird, wenn ein Leser darauf tippt.

Ziehen Sie die Verhaltensweise „Berührung beginnen“ aus der Kategorie „Eingabe“ auf die Leinwand.

Standardmäßig wählt das Verhalten „Berührung beginnen“ automatisch das aktuelle Objekt aus. Sie können dies jedoch ändern, indem Sie auf die Objektgrafik in den Verhaltens-Eigenschaften tippen.

Ziehen Sie als Nächstes eine „Bewege zu Punkt“-Verhaltensweise hinzu und verbinden Sie sie mit der zuvor hinzugefügten „Berührung beginnen“-Verhaltensweise. Die „Bewege zu Punkt“-Verhaltensweise wird das Objekt zu einem ausgewählten Punkt auf der Leinwand bewegen.

Sie können den speziellen Standort angeben, indem Sie die X/Y-Eingabefelder in den „Verhaltens-Eigenschaften“ ausfüllen. Sie können auch den Standort visuell auswählen.

Um dies visuell zu tun, tippen Sie auf die Objektgrafik in den Verhaltens-Eigenschaften. Wählen Sie das Objekt aus, das Sie bewegen möchten, und bewegen Sie dann das blaue Ziel an die gewünschte Stelle.

Wenn Sie mit der Position zufrieden sind, tippen Sie auf das Häkchen-Symbol, um die neue Position zu akzeptieren. Beachten Sie, dass die X- und Y-Felder in den Verhaltens-Eigenschaften automatisch ausgefüllt sind.

Wenn Sie jetzt „Abspielen“ drücken, werden Sie sehen, dass es genau so funktioniert, wie es die Verhaltensweisen vorsehen. Das Objekt bewegt sich, nachdem Sie darauf getippt haben.

Seitenwechsel & Szenen:

Jetzt, da Sie Ihre erste Seite mit Interaktionen eingerichtet haben, möchten Sie vielleicht zusätzliche Seiten und die Möglichkeit hinzufügen, zwischen ihnen zu wischen.

Es gibt verschiedene Möglichkeiten, wie wir die Wischgeste hinzufügen können. Sie können die Verhaltensweise zu einem bestimmten Objekt in Ihrer Szene hinzufügen oder sie zu den globalen Verhaltensweisen hinzufügen, sodass sie alle Szenen in Ihrem Buch beeinflusst.

Für dieses Tutorial fügen wir die Wischgeste zu den globalen Verhaltensweisen hinzu, um es einfacher zu machen, da wir sie nicht für jede neue Szene hinzufügen müssen.

Um zu beginnen, öffnen Sie das „Erstellungsmenü“, indem Sie auf das Symbol in der oberen linken Ecke tippen.

Tippen Sie dann auf die Schaltfläche „Globale Verhaltensweisen“ am unteren Rand, um den Verhaltenseditor zu starten. Die Verhaltensweisen, die Sie hier hinzufügen, wirken sich auf Ihr gesamtes Projekt aus und werden ausgeführt, wenn Sie jede Szene laden.

Ziehen Sie als Nächstes eine „Wischen nach links“-Verhaltensweise hinzu und tippen Sie darauf, sobald sie zur Leinwand hinzugefügt wurde, um die Verhaltens-Eigenschaften zu öffnen.

Beachten Sie den Umschalter „Wischaktion auf alles“. Wenn dieser Schalter auf „Aus“ gesetzt ist, müssen Sie auf ein bestimmtes Objekt wischen, damit das Ereignis ausgelöst wird. Stellen Sie den Schalter auf die Position „Ein“, damit Sie überall wischen können und nicht auf ein bestimmtes Objekt beschränkt sind.

Hinweis: Wenn Sie eine „Wisch“-Verhaltensweise zu den globalen Verhaltensweisen hinzufügen, wird kein bestimmtes Objekt ausgewählt. Das Objekt, auf das Sie beschränkt sind, ist der „Hintergrund“. Wenn Sie den Schalter nicht auf die Position „Ein“ setzen, sieht es so aus, als würde es funktionieren. Aber wenn Sie andere Objekte, die den Hintergrund abdecken, hinzufügen, kann dies das Wischen stören, insbesondere wenn diese Objekte andere Berührungs-Eingabeverhaltensweisen haben.

Fügen Sie als Nächstes eine „Lade nächste Szene“-Verhaltensweise hinzu und verbinden Sie sie mit der Wisch-Verhaltensweise. Dies wird die nächste Szene automatisch laden, sobald Sie Ihren Finger nach links auf dem Bildschirm wischen.

Wenn Sie keine weiteren Szenen in Ihrem Projekt haben, wird die aktuelle Szene neu geladen. Wenn Sie sich zudem in der letzten Szene Ihres Projekts befinden, wird die nächste Szene die erste in der Szenenliste sein.

Jetzt können Sie eine neue Szene zu Ihrem Projekt hinzufügen. Wenn Sie spielen, werden Sie sehen, dass Ihre Wischgeste in beiden Szenen funktioniert, ohne dass Sie zusätzliche Verhaltensweisen hinzufügen müssen.

Fazit:

Das ist im Grunde alles, was Sie wissen müssen, um ein interaktives Buch auf hyperPad zu erstellen. Sie können mit den verschiedenen Verhaltensweisen experimentieren, um eine breite Palette von Interaktionen für Ihre Bücher zu erstellen.