DARVA – L'assistant événementiel : Du feutre à l'animation vivante

DARVA est un robot animé charmant créé pour enrichir les expériences événementielles en engageant les participants dans des conversations naturelles, réduisant les explications répétitives.

Aperçu

• Introduction et vidéo de démonstration
• Construction du robot analogique
• Numérisation du design
• Développement de l'assistant virtuel
• Déploiement sur Raspberry Pi 4
• Présentation finale de DARVA

Introduction et vidéo de démonstration

Le nom DARVA signifie Digitalisé Analogique Robot Virtuel Assistant. La vidéo suivante montre comment DARVA interagit avec les invités et réduit les tâches répétitives pour le personnel événementiel.

Construction du robot analogique

Le voyage commence par un modèle analogique artisanal. Après avoir esquissé un prototype, j'ai découpé les composants dans du feutre, en veillant à ce que chaque pièce soit individuellement séparable pour l'animation ultérieure. Coudre chaque bord donne à DARVA un aspect tactile, fait main. Les sections en feutre double couche ajoutent de la durabilité tout en gardant un poids global faible.

Astuce : Photographiez l'ensemble complet avant de découper ; ces images peuvent servir de fond cohérent pour le découpage numérique.

Numérisation du design

Une fois le modèle analogique terminé, étalez les pièces sur un fond contrasté pour simplifier la segmentation. Capturez une seule image haute résolution pour préserver l'échelle. Utilisez un logiciel de retouche photo pour isoler chaque composant, en les enregistrant comme fichiers PNG avec fond transparent. L'outil Sélection rapide de Photoshop s'est révélé particulièrement efficace, ne nécessitant qu'un affinement manuel mineur.

Avec les assets numériques prêts, le robot peut maintenant être animé.

Développement de l'assistant virtuel

Pour donner vie à DARVA sur toute plateforme, j'ai construit une page web légère utilisant l'élément HTML canvas et du JavaScript vanilla. Pour une animation fluide multi-navigateurs, j'ai incorporé Create.js et Tween.js. Toutes les bibliothèques sont groupées localement, assurant une fonctionnalité hors ligne complète — une fonctionnalité critique pour les événements avec internet instable.

Le script gère :

• Chargement des assets PNG
• Mise à l'échelle, rotation et positionnement sur le canvas
• Animation des mouvements et expressions
• Bulles de dialogue dynamiques changeant toutes les cinq secondes
• Déclencheurs interactifs sur la tête et le ventre

Des mouvements oculaires aléatoires et rotations de jauge ajoutent une touche de réalisme, tandis que des animations calculées gardent la présentation soignée.

Déploiement sur Raspberry Pi 4

Pour faire tourner DARVA dans une configuration portable et basse consommation, j'ai déployé la page web sur un Raspberry Pi 4 connecté à un écran tactile en mode portrait. Bien que la rotation d'affichage du Pi puisse être mise en paysage, le panneau tactile conservait une orientation inversée, j'ai donc choisi de garder le Pi en mode paysage et de faire pivoter les animations du canvas à la place. Cette approche a simplifié les ajustements de mise en page et préservé la timeline d'animation.

Les tests initiaux dans Chromium présentaient des saccades de rendu occasionnelles ; les révisions ultérieures ont résolu ces bugs. Firefox fait aussi tourner les animations fluidement, bien qu'avec des taux de rafraîchissement légèrement inférieurs. Le mode hors ligne reste pleinement fonctionnel sur les deux navigateurs.

DARVA en action

Avec tous les composants intégrés, DARVA est prêt à accueillir les invités, répondre aux questions courantes, et rationaliser les opérations événementielles. Le projet montre comment un simple modèle en feutre peut évoluer en un assistant numérique sophistiqué et autonome.

Source : DARVA – L'assistant événementiel