Spline
Contacter un commercialCommencer à créer

Créer un clavier interactif avec Hana

HanaDébutant9 min

Salut ! 👋

Dans ce tutoriel, vous apprendrez à créer un clavier interactif réalisé à 100 % dans Hana. Nous verrons comment ajouter des ombres pour donner de la profondeur à nos designs et comment appliquer des événements de touche pour interagir avec notre scène à l’aide de notre vrai clavier. Ce design est très flexible et peut être utilisé de bien des façons. C’est parti !

Remixez cette démo ici : https://app.spline.design/ui/56d99098-8346-4abe-9e0a-674fdd6dcb0c

Ce que vous allez apprendre

  1. 0:00Intro
  2. 0:22Ajouter la frame de base
  3. 0:34Créer la base du clavier
  4. 1:14Ajouter des ombres à la base du clavier
  5. 1:37Créer les touches de lettres et de chiffres
  6. 3:31Créer la touche Entrée
  7. 3:45Ajouter des ombres portées aux chiffres et aux lettres
  8. 4:07Ajouter l’événement d’appui sur une touche
  9. 6:57Créer l’interaction de l’écran
  10. 8:50Design final
  11. 9:04Conclusion

Ressources associées

Tutoriels associés

Tous les tutoriels
Créer un orbe 3D réactif avec du mouvement et de l’interaction

Spline 3DIntermédiaire7 min

Créer avec Hana des designs interactifs qui réagissent à votre souris

HanaDébutant6 min

Créer des visualisations de données 3D dans Spline avec des variables et des API en temps réel

Spline 3DAvancé15 min