Postavte v Haně interaktivní klávesnici

Lekce 10 z 15HanaZačátečník9 min

Zdravíme! 👋

V tomto návodu se naučíte vytvořit interaktivní klávesnici vytvořenou ze 100 % v Haně. Ukážeme si, jak přidat stíny, které návrhu dodají hloubku, a jak použít události kláves, abyste se scénou mohli interagovat pomocí skutečné klávesnice. Tento návrh je velmi flexibilní a dá se využít mnoha různými způsoby. Pojďme na to!

Remixujte tuto ukázku zde: https://app.spline.design/ui/56d99098-8346-4abe-9e0a-674fdd6dcb0c

Co se naučíte

  1. 0:00Úvod
  2. 0:22Přidání základního framu
  3. 0:34Tvorba základu klávesnice
  4. 1:14Přidání stínů k základu klávesnice
  5. 1:37Tvorba kláves s písmeny a čísly
  6. 3:31Tvorba klávesy Enter
  7. 3:45Přidání vržených stínů k číslům a písmenům
  8. 4:07Přidání události stisku klávesy
  9. 6:57Tvorba interakce s obrazovkou
  10. 8:50Finální návrh
  11. 9:04Závěr

Související zdroje