Spline
Neem contact op met salesBegin met bouwen

Bouw een interactief toetsenbord met Hana

HanaBeginner9 min

Hoi! 👋

In deze tutorial leer je hoe je een interactief toetsenbord maakt, 100% in Hana. We laten zien hoe je schaduwen toevoegt om diepte in je designs te brengen en hoe je key-events toepast, zodat je met je echte toetsenbord met de scène kunt interacteren. Dit design is heel flexibel en kun je op allerlei manieren gebruiken. Aan de slag!

Remix deze demo hier: https://app.spline.design/ui/56d99098-8346-4abe-9e0a-674fdd6dcb0c

Wat je leert

  1. 0:00Intro
  2. 0:22Het basisframe toevoegen
  3. 0:34De basis van het toetsenbord maken
  4. 1:14Schaduwen toevoegen aan de basis van het toetsenbord
  5. 1:37Letter- en cijfertoetsen maken
  6. 3:31De Enter-toets maken
  7. 3:45Slagschaduwen toevoegen aan de cijfers en letters
  8. 4:07Het event voor toetsaanslagen toevoegen
  9. 6:57De interactie met het scherm bouwen
  10. 8:50Eindontwerp
  11. 9:04Outro

Gerelateerde bronnen

Gerelateerde tutorials

Alle tutorials
Een reactieve 3D-bol bouwen met beweging en interactie

Spline 3DGemiddeld7 min

Maak met Hana interactieve designs die op je muis reageren

HanaBeginner6 min

3D-datavisualisaties maken in Spline met variabelen en realtime API’s

Spline 3DGevorderd15 min