Spline
Kontakta sÀljteametBörja skapa

Bygg ett interaktivt tangentbord med Hana

HanaNybö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

Relaterade tutorials

Alla tutorials
SÄ bygger du en reaktiv 3D-sfÀr med rörelse och interaktion

Spline 3DMedelnivÄ7 min

Skapa interaktiva designer som reagerar pÄ musen med Hana

HanaNybörjare6 min

SĂ„ skapar du 3D-datavisualiseringar i Spline med variabler och API:er i realtid

Spline 3DAvancerad15 min