SplineCrea un teclado interactivo con Hana
HanaPrincipiante9 min
¡Hola! 👋
En este tutorial aprenderás a crear un teclado interactivo hecho al 100 % en Hana. Veremos cómo añadir sombras para dar profundidad a nuestros diseños y cómo aplicar eventos de teclado para interactuar con la escena usando nuestro teclado real. Este diseño es muy flexible y se puede usar de muchas formas distintas. ¡Vamos allá!
Remezcla esta demo aquí: https://app.spline.design/ui/56d99098-8346-4abe-9e0a-674fdd6dcb0c
Lo que aprenderás
- 0:00Introducción
- 0:22Añadir el frame base
- 0:34Crear la base del teclado
- 1:14Añadir sombras a la base del teclado
- 1:37Crear las teclas de letras y números
- 3:31Crear la tecla Enter
- 3:45Añadir sombras proyectadas a los números y las letras
- 4:07Añadir el evento de pulsación de tecla
- 6:57Crear la interacción de la pantalla
- 8:50Diseño final
- 9:04Cierre
