Cria uma personagem 3D interativa com variáveis

Lição 5 de 17Spline 3DAvançado17 min

Olá! Neste vídeo, mostramos-te como dar vida a uma adorável personagem 3D interativa: um baiacu. Conhece o Spline: https://spline.design/

Vamos usar variáveis para desencadear eventos que mudam o tamanho e a posição do pequenote. Quanto mais clicas no baiacu, mais ele incha, até acabar por flutuar até ao topo da landing page.

Mostramos-te também como criar e animar vários elementos do baiacu. Vais vê-los crescer com o peixe e acrescentar efeitos divertidos, como saltar quando o rato se aproxima.

Por isso, vamos mergulhar, explorar a magia das variáveis e divertir-nos a criar cenas interativas!

🐡 Remix: https://app.spline.design/file/810351d5-4fd8-4f85-92b2-286329f49a3f 🌐 Site em direto: https://safe-value-478717.framer.app/

Sabe mais sobre variáveis: 👉 https://youtu.be/Id_SZVCUVMM 📘 https://docs.spline.design/

✨ Junta-te à comunidade do Spline para te inspirares e partilhares os teus designs. https://community.spline.design/

💬 ❤️ Partilha as tuas sugestões de tutoriais nos comentários.

O que vais aprender

  1. 0:00Introdução
  2. 0:34Criar e usar variáveis
  3. 4:29Adicionar diferentes elementos
  4. 8:34Animar elementos e fazê-los acompanhar o crescimento
  5. 15:02Efeitos interativos e exportação

Recursos relacionados