Spline
Kontakta säljteametBörja skapa

Bygg ett interaktivt tangentbord med Hana

Lektion 10 av 15HanaNybörjare9 min

Hej! 👋

I den här tutorialen lär du dig att skapa ett interaktivt tangentbord som är gjort helt i Hana. Vi går igenom hur du lägger till skuggor för att ge designen djup och hur du använder tangenthändelser för att interagera med scenen med ditt riktiga tangentbord. Designen är väldigt flexibel och kan användas på många olika sätt. Nu kör vi!

Remixa demon här: https://app.spline.design/ui/56d99098-8346-4abe-9e0a-674fdd6dcb0c

Det här lär du dig

  1. 0:00Intro
  2. 0:22Lägga till grund-framen
  3. 0:34Skapa tangentbordets bas
  4. 1:14Lägga till skuggor på tangentbordets bas
  5. 1:37Skapa bokstavs- och siffertangenter
  6. 3:31Skapa Enter-tangenten
  7. 3:45Lägga till skuggor under siffror och bokstäver
  8. 4:07Lägga till tangenttryckningshändelsen
  9. 6:57Bygga skärminteraktionen
  10. 8:50Färdig design
  11. 9:04Avslutning

Relaterade resurser