Spline
Contatta il team venditeInizia a creare

Crea una tastiera interattiva con Hana

HanaPrincipiante9 min

Ciao! 👋

In questo tutorial imparerai a creare una tastiera interattiva realizzata al 100% in Hana. Vedremo come aggiungere ombre per dare profondità ai nostri design e come applicare gli eventi da tastiera per interagire con la scena usando la nostra tastiera reale. Questo design è molto flessibile e si presta a tanti usi diversi. Iniziamo!

Remixa questa demo qui: https://app.spline.design/ui/56d99098-8346-4abe-9e0a-674fdd6dcb0c

Cosa imparerai

  1. 0:00Introduzione
  2. 0:22Aggiungere il frame di base
  3. 0:34Creare la base della tastiera
  4. 1:14Aggiungere ombre alla base della tastiera
  5. 1:37Creare i tasti di lettere e numeri
  6. 3:31Creare il tasto Invio
  7. 3:45Aggiungere ombre esterne a numeri e lettere
  8. 4:07Aggiungere l’evento di pressione dei tasti
  9. 6:57Costruire l’interazione dello schermo
  10. 8:50Design finale
  11. 9:04Conclusione

Risorse correlate

Tutorial correlati

Tutti i tutorial
Come creare una sfera 3D reattiva con movimento e interazione

Spline 3DIntermedio7 min

Crea design interattivi che reagiscono al mouse con Hana

HanaPrincipiante6 min

Come creare visualizzazioni di dati 3D in Spline con variabili e API in tempo reale

Spline 3DAvanzato15 min