DARVA - O Assistente de Evento

DARVA é um robô animado fofo que nos ajudará em eventos, batendo um papo com as pessoas para que não tenhamos que nos repetir muito.

Visão geral

• Vídeo de apresentação e demonstração
• Robô Analógico
• Robô digitalizado
• Assistente Virtual
• Raspberry Pi 4
• DARVA

Vídeo de apresentação e demonstração

DARVA é um robô animado fofo que nos ajudará em eventos, batendo um papo com as pessoas para que não tenhamos que nos repetir muito.

Curiosidade:DARVA é a sigla de “ D igitized A nalog R obot V irtual A ssistant ”.

Robô analógico

O primeiro passo é criar um robô analógico, ou qualquer coisa que você queira animar, a partir do feltro. Esbocei um robô e fiz peças de papel. Uma vez que fiquei feliz com a aparência geral, cortei tudo do feltro.

Dica:tire fotos das peças intactas de feltro antes de começar a cortar, você pode usá-las como plano de fundo para suas animações!

Ok, agora para a parte mais demorada:costura! Eu costurei ao longo de todas as bordas para dar a DARVA aquele visual e toque feito à mão. Algumas partes têm uma camada dupla de feltro, para torná-lo um pouco mais resistente. Certifique-se de manter todas as partes que deseja animar separadas, isso tornará sua vida mais fácil no futuro!

Robô digitalizado

É hora de digitalizar o que você acabou de fazer! Espalhe todas as partes em um fundo distinto, pois isso tornará mais fácil dividir tudo em partes. É melhor tirar uma foto com todos os elementos, para que a escala das partes permaneça a mesma.

Dica:Gire todas as partes da forma como você as organizaria na animação, pois isso manterá o ângulo de iluminação igual em todas as partes e realmente reunirá tudo na versão final.

Carregue a imagem em um software de edição de fotos de sua escolha e corte todas as partes. Salve-os individualmente com um fundo transparente em um formato de arquivo que suporte transparência, como PNG.

Para cortar as partes, usei a ferramenta de seleção rápida do Photoshop. Os resultados foram realmente melhores do que eu esperava, e eu só tive que apagar manualmente algumas coisas em um punhado de fotos.

Agora você tem uma coisa analógica digitalizada que está pronta para ser animada!

Assistente Virtual

Para dar vida ao DARVA, criei uma página da web com tela HTML e JavaScript, pois funcionará em qualquer plataforma. Ao baixar todas as bibliotecas, ele também funcionará offline, o que é importante porque os eventos são notoriamente ruins em fornecer uma conexão de internet confiável ...

Resumindo:com o elemento canvas HTML, você pode adicionar gráficos como imagens, formas e textos a uma página da web usando JavaScript. Para tornar esse processo mais fácil e adicionar animações suaves, usei as bibliotecas Create.js e Tween.js que você encontra aqui.

O código é adicionado em anexo e faz o seguinte:

• Carregue as imagens
• Dimensione e gire-os
• Atribua uma coordenada X e Y na página
• Anime todas as coisas

Algumas das animações têm um pouco de aleatório adicionado a ele, para tornar o DARVA mais realista. Bem, tão realista quanto um robô pode ser, é claro. O medidor gira para uma posição aleatória, por exemplo, e os olhos olham aleatoriamente para a esquerda ou para a direita por um período aleatório de tempo.

Outras animações são mais calculadas, como o texto no balão de fala que muda a cada 5 segundos.

Por último, algumas animações são ativadas clicando ou tocando partes da tela, neste caso a cabeça e barriga de DARVA.

Raspberry Pi 4

Finalmente, vamos executar o DARVA no Raspberry Pi 4! Por quê? Bem, porque não? É incrível como algo tão pequeno pode lidar com esses tipos de animações!

Para exibir o DARVA, usamos uma tela sensível ao toque no modo retrato. Embora você possa definir facilmente a rotação da tela no Raspberry Pi, a tela sensível ao toque ainda funcionava ao contrário ... Depois de muitas tentativas e erros, decidimos manter o Pi rodando no modo paisagem e apenas girar todas as animações.

Foi um pesadelo girar e reposicionar todas as imagens e refazer as animações, então é melhor descobrir essa parte antes de começar a programar.

Fora isso, executar a página da web no Chromium teve alguns efeitos alucinantes no início. Quando tudo foi feito, tentamos novamente e de alguma forma o problema foi resolvido ?? A magia da programação ..?

Embora as animações sejam mais suaves no Chromium, também funciona bem no Firefox, só que é um pouco mais lento.

DARVA

Tadaaa! Aí está, DARVA, um pequeno robô animado que nos ajudará em eventos!

Fonte:DARVA - The Event Assistant