Spline
Falar com a equipa comercialComeça a criar

Cria um teclado interativo com o Hana

HanaPrincipiante9 min

Olá! 👋

Neste tutorial, vais aprender a criar um teclado interativo feito 100% no Hana. Vamos ver como acrescentar sombras para dar profundidade aos nossos designs e como aplicar eventos de teclas para interagir com a cena usando o nosso teclado real. Este design é muito flexível e pode ser usado de muitas formas diferentes. Vamos a isso!

Faz remix desta demonstração aqui: https://app.spline.design/ui/56d99098-8346-4abe-9e0a-674fdd6dcb0c

O que vais aprender

  1. 0:00Introdução
  2. 0:22Adicionar a frame base
  3. 0:34Criar a base do teclado
  4. 1:14Adicionar sombras à base do teclado
  5. 1:37Criar as teclas de letras e números
  6. 3:31Criar a tecla Enter
  7. 3:45Adicionar sombras projetadas aos números e às letras
  8. 4:07Adicionar o evento de premir tecla
  9. 6:57Construir a interação do ecrã
  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 3DIntermédio7 min

Cria designs interativos que reagem ao rato com o Hana

HanaPrincipiante6 min

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

Spline 3DAvançado15 min