bloub

📍Description générale de l'outil

bloub est un éditeur en ligne gratuit qui permet de créer de petits avatars animés et de les exporter en image, en GIF ou en vidéo. Il s'adresse aux formateurs et aux concepteurs pédagogiques qui cherchent à animer leurs supports sans ouvrir un logiciel de motion design. Sa force tient à sa simplicité. Le concepteur choisit une forme, une couleur et une expression, puis récupère le résultat en quelques clics.

L'éditeur s'ouvre directement dans le navigateur, sans installation ni création de compte. Il propose 8 formes de corps, du cercle à la goutte d'eau en passant par le nuage, l'hexagone ou l'œuf, ainsi que 12 couleurs et 16 expressions au repos, de l'air neutre au regard méfiant. Un second onglet ouvre une ligne du temps comparable à celle d'un logiciel de montage. Le concepteur y enchaîne les 14 états d'animation disponibles et règle la durée pendant laquelle chacun est maintenu, ce qui produit une courte séquence exportable.

Ce qui n'était au départ qu'un exercice de style devient un moyen économique de personnaliser un parcours. Une même forme peut accompagner l'apprenant d'un module à l'autre, marquer les consignes d'exercice ou signaler un point de vigilance. Le rendu sur fond transparent facilite l'intégration dans une présentation, un module e-learning ou un montage vidéo.

🎓Détail des usages pédagogiques énoncés dans l'épisode

• Signalement des temps d'exercice : placer un avatar animé sur la diapositive de consigne pour marquer visuellement le passage à la pratique. L'animation attire l'œil plus efficacement qu'un encadré de texte.
• Fil rouge visuel du parcours : réutiliser la même forme et la même couleur d'un module à l'autre pour donner une identité au parcours. L'avatar devient un repère que l'apprenant retrouve à chaque étape.
• Marquage des temps de réflexion : utiliser l'état à trois points, qui évoque une réflexion en cours, pour indiquer un moment de travail individuel ou une question ouverte.
• Mise en évidence des points de vigilance : recourir à l'état avec point d'exclamation pour signaler une alerte, une erreur fréquente ou une consigne de sécurité dans un support.
• Animation d'une activité en ligne : exporter en GIF pour insérer une forme en mouvement dans un outil auteur ou dans une activité Genially, sans passer par un logiciel de montage.
• Illustration d'une progression émotionnelle : enchaîner plusieurs états sur la ligne du temps, par exemple une forme joyeuse puis inquiète puis en alerte, afin de raconter une situation en quelques secondes.
• Habillage de capsules vidéo : récupérer l'export sur fond transparent pour incruster l'avatar dans un montage vidéo pédagogique.

💡Éléments annexes (prix, fonctionnalités, langue, etc.)

L'interface se divise en trois volets accessibles depuis un rail latéral. Le premier sert à la personnalisation de la forme, de la couleur et de l'expression au repos, les réglages étant conservés d'une visite à l'autre. Le deuxième contient l'éditeur de ligne du temps, où les états s'ordonnent en séquence. Le troisième regroupe les réglages, dont la langue de l'interface, disponible en français, en anglais et en chinois.

Tout ce qui est affiché à l'écran peut être récupéré : l'avatar seul au format SVG, PNG ou GIF animé, et une séquence complète en GIF ou en MP4. L'application tourne entièrement dans le navigateur et conserve les réglages en local, sans compte ni installation. Elle est gratuite et open source, publiée sous licence MIT sur GitHub par Jérémy Perret, étudiant en informatique. Environ 80 % du code a été produit par une IA générative, le reste ayant été repris à la main pour le design et la finition.

Un point d'attention mérite d'être signalé avant toute réutilisation. bloub est une recréation de l'avatar du bot de x.ai, revendiquée comme un exercice par son auteur et sans lien avec l'éditeur d'origine. La licence MIT couvre le code, pas le dessin ni les marques associées, ce qui invite à la prudence dans un contexte commercial.

🎯Aller plus loin

• Le dépôt GitHub de bloub — Code source, licence MIT et documentation technique du projet.
• Le profil LinkedIn de Jérémy Perret — L'auteur de l'outil, qui y raconte la genèse et la diffusion du projet.