Aprenda a fazer um sistema interativo com IA.
- Hermes Vissotto
- 7 de dez. de 2025
- 1 min de leitura
Neste artigo, vamos mergulhar no mundo da visão computacional e dos gráficos 3D em tempo real para criar uma experiência web verdadeiramente mágica: um sistema de partículas 3D totalmente interativo, controlado por seus próprios gestos! Usaremos a poderosa biblioteca Three.js para renderização 3D e uma biblioteca de rastreamento de mãos (como o MediaPipe Hands) para capturar a abertura e o fechamento de suas mãos, transformando-os em comandos de escala e movimento para as partículas.
Acesse o Google IA Studio, clique em [START] e cole o prompr abaixo:
Prompt:
Crie um sistema de partículas 3D interativo em tempo real com Three.js.
Detecte a abertura e o fechamento das mãos usando a câmera para controlar a escala e o ovimento das partículas.
Inclua modelos de partículas como corações, flores, saturno e fogos de artifício, além de um seletor de cores e uma interface simples e moderna.
Em seguida clique em [BUILD]. E pronto!
Ao combinar a alta performance de renderização do Three.js com a inteligência de rastreamento de gestos do MediaPipe, criamos uma interface onde o usuário não apenas interage, mas se torna parte da cena 3D. Este projeto abre portas para uma nova geração de experiências web imersivas e acessíveis!
FAÇA PARTE DA NOSSA COMUNIDADE.
Linked In
Youtube
Tiktok
Telegram
Comentários