Spline
Fale com vendasComece a criar

Crie um teclado interativo com o Hana

HanaIniciante9 min

Olá! 👋

Neste tutorial, você vai aprender a criar um teclado interativo feito 100% no Hana. Vamos ver como adicionar sombras para dar profundidade aos designs e como aplicar eventos de tecla para interagir com a cena usando seu teclado de verdade. Este design é bem flexível e pode ser usado de várias formas. Vamos lá!

Faça remix desta demo aqui: https://app.spline.design/ui/56d99098-8346-4abe-9e0a-674fdd6dcb0c

O que você vai aprender

  1. 0:00Introdução
  2. 0:22Adicionando o frame base
  3. 0:34Criando a base do teclado
  4. 1:14Adicionando sombras à base do teclado
  5. 1:37Criando as teclas de letras e números
  6. 3:31Criando a tecla Enter
  7. 3:45Adicionando sombras projetadas aos números e letras
  8. 4:07Adicionando o evento de tecla pressionada
  9. 6:57Criando a interação da tela
  10. 8:50Design final
  11. 9:04Encerramento

Recursos relacionados

Tutoriais relacionados

Todos os tutoriais
Como criar uma esfera 3D reativa com movimento e interação

Spline 3DIntermediário7 min

Crie designs interativos que reagem ao mouse com o Hana

HanaIniciante6 min

Como criar visualizações de dados 3D no Spline com variáveis e APIs em tempo real

Spline 3DAvançado15 min