SplineEine interaktive Tastatur mit Hana bauen
Lektion 10 von 15HanaEinsteiger9 Min.
Hallo! 👋
In diesem Tutorial lernst du, wie du eine interaktive Tastatur erstellst – zu 100 % in Hana. Wir zeigen, wie du mit Schatten Tiefe in deine Designs bringst und wie du Key-Events anwendest, um mit deiner echten Tastatur mit der Szene zu interagieren. Dieses Design ist sehr flexibel und lässt sich auf viele Arten einsetzen. Los geht’s!
Remixe diese Demo hier: https://app.spline.design/ui/56d99098-8346-4abe-9e0a-674fdd6dcb0c
Das lernst du
- 0:00Intro
- 0:22Den Basis-Frame hinzufügen
- 0:34Die Tastaturbasis erstellen
- 1:14Schatten zur Tastaturbasis hinzufügen
- 1:37Buchstaben- und Zahlentasten erstellen
- 3:31Die Enter-Taste erstellen
- 3:45Schlagschatten für Zahlen und Buchstaben hinzufügen
- 4:07Das Key-Press-Event hinzufügen
- 6:57Die Bildschirm-Interaktion bauen
- 8:50Finales Design
- 9:04Outro
