{"id":4875,"date":"2025-09-27T14:22:31","date_gmt":"2025-09-27T12:22:31","guid":{"rendered":"https:\/\/www.aacmb.fr\/wordpress\/?p=4875"},"modified":"2025-10-24T11:35:59","modified_gmt":"2025-10-24T09:35:59","slug":"bottango_01","status":"publish","type":"post","link":"https:\/\/www.aacmb.fr\/wordpress\/2025\/09\/27\/bottango_01\/","title":{"rendered":"L’animation avec Bottango ?"},"content":{"rendered":"

On trouve dans le commerce de nombreux \u00e9quipements \u00ab\u00a0robotis\u00e9s\u00a0\u00bb. Sous ce terme, je vais volontairement regrouper tout un ensemble d’objets, allant de la voiture t\u00e9l\u00e9command\u00e9e avec votre smartphone, \u00e0 la grue meccano ou aux l\u00e9go technic qui vont pouvoir r\u00e9aliser seuls ou en semi-autonomie diff\u00e9rentes actions.<\/p>\n

Pour apprendre la robotique, il existe de nombreux kits \u00e0 monter, \u00e0 tous les prix.<\/p>\n

Mais n’avez-vous jamais eu envie de r\u00e9aliser votre propre robot ?<\/p>\n

Il ne vous faudra finalement pas grand chose :<\/p>\n

– un peu de m\u00e9canique,
\n– un peu d’\u00e9lectronique,
\n– et un peu de programmation.<\/p>\n

Le plus difficile est de trouver l’id\u00e9e qui donnera \u00e0 votre robot une touche personnelle.<\/p>\n

Pour ce projet \u00ab\u00a0d\u00e9couverte\u00a0\u00bb, je vous propose de r\u00e9aliser des yeux animatroniques tels que ceux pr\u00e9sent\u00e9s ci-dessous.
\n\"\"<\/p>\n

Ce type de produit se trouve tout fait, mais vous pouvez aussi trouver des fichiers stl \u00e0 imprimer, voire concevoir vous m\u00eame.<\/p>\n

C\u00f4t\u00e9 m\u00e9canique<\/h2>\n

Le principe de fonctionnement m\u00e9canique est g\u00e9n\u00e9ralement le m\u00eame : les yeux peuvent se d\u00e9placer de gauche \u00e0 droite et de haut en bas gr\u00e2ce \u00e0 des servos-moteurs (2 par oeil). Les paupi\u00e8res peuvent s’ouvrir et se fermer (1 servo par paupi\u00e8re dans mon cas). Nous aurons donc 6 servos-moteurs \u00e0 piloter.<\/p>\n

C\u00f4t\u00e9 \u00e9lectronique<\/h2>\n

Piloter des servos-moteurs est une chose qu’une carte arduino (ou de la m\u00eame famille) sait parfaitement faire \u00e0 moindre co\u00fbt. Pour simplifier au maximum la connectique, nous pouvons m\u00eame utiliser une carte sp\u00e9cialis\u00e9e pouvant piloter jusqu’\u00e0 16 servo moteurs. Nous verrons cela plus en d\u00e9tail par la suite.<\/p>\n

C\u00f4t\u00e9 programmation<\/h2>\n

Nous pourrions programmer directement notre controleur Arduino. Mais j’ai d\u00e9couvert un outil d\u00e9di\u00e9 \u00e0 ce type de t\u00e2che (et open-source) : Bottango. Il fonctionne exactement comme un logiciel de montage vid\u00e9o, avec une timeline, mais orient\u00e9 servo-moteur. Ceci permet d’obtenir rapidement un r\u00e9sultat, avec en plus un mode simulation qui permet d’arriver rapidement au r\u00e9sultat souhait\u00e9.<\/p>\n

Le d\u00e9cor \u00e9tant maintenant fix\u00e9, \u00eates-vous pr\u00eat \u00e0 vous lancer dans ce mini-projet ? C’est parti !<\/p>\n

Chapitre 1 : L’expression du besoin<\/h1>\n

Pour ce premier projet, le besoin va \u00eatre tr\u00e8s simple :<\/p>\n

\u00ab\u00a0je souhaite animer les yeux de la mani\u00e8re suivante :
\n– ouvrir et fermer les paupi\u00e8res r\u00e9guli\u00e8rement (un clignement toutes les 10 secondes)
\n– regarder \u00e0 gauche, puis \u00e0 droite et revenir au centre r\u00e9guli\u00e8rement.<\/p>\n

Le cycle se r\u00e9p\u00e8te en permanence.<\/p>\n

Chapitre 2 : La programmation de l’animation<\/h1>\n

Avant d’aborder la r\u00e9alisation, il est utile d’avoir une id\u00e9e de la fa\u00e7on dont on va r\u00e9aliser la programmation de l’animation.
\nJ’ai d\u00e9couvert un logiciel plut\u00f4t sympathique pour obtenir rapidement un r\u00e9sultat : \u00ab\u00a0BOTTANGO\u00a0\u00bb.<\/p>\n

Cet outil est un logiciel open-source que vous pouver t\u00e9l\u00e9charger \u00e0 cette adresse : https:\/\/www.bottango.com\/<\/a><\/p>\n

A noter que si le logiciel est gratuit, le site propose aussi d’acheter des kits tout fait.<\/p>\n

Une fois le logiciel install\u00e9, il se pr\u00e9sente de la fa\u00e7on suivante :<\/p>\n

\"\"<\/p>\n

Trois grandes zones sur l’\u00e9cran :
\n– \u00e0 gauche, la gestion des projets (celle qui va nous interresser),
\n– au centre, de la pub pour les kits,
\n– \u00e0 droite, des acc\u00e8s \u00e0 la communaut\u00e9.<\/p>\n

La premi\u00e8re chose \u00e0 faire est de cr\u00e9er un nouveau projet.<\/p>\n

\"\"<\/p>\n

Ce nouvel \u00e9cran repr\u00e9sente l’environnement \u00ab\u00a0physique\u00a0\u00bb de votre futur robot. Le principe de Bottango est assez simple :
\n– on positionne les \u00e9l\u00e9ments m\u00e9caniques (par exemple un oeil),
\n– on ajoute les actionneurs ( les 2 servos moteurs),
\n– on ajoute les liaisons ( 1 servo fait bouger l’oeil de gauche \u00e0 droite),
\n– on d\u00e9finit la timeline de l’animation,
\n– on simule l’animation.<\/p>\n

Si le r\u00e9sultat est correct, on peut transf\u00e9rer l’animation sur notre carte Arduino.<\/p>\n

\u00e9tape 1 : ajout de l’oeil<\/h2>\n

Bottango permet d’importer des mod\u00e8les, issus par exemple de FreeCAD, ou toout simplement t\u00e9l\u00e9charg\u00e9s. Il suffit d’aller dans l’onglet \u00ab\u00a0Import\u00a0\u00bb et d’importer le mod\u00e8le.<\/p>\n

\"\"<\/p>\n

Une fois tous les \u00e9l\u00e9ments m\u00e9caniques import\u00e9s (pour l’exemple, je ne vais importer qu’un seul oeil), on retourne dans l’onglet \u00ab\u00a0Build\u00a0\u00bb et on clique sur \u00ab\u00a0Create Part\u00a0\u00bb. Ceci ouvre un bandeau qui sera utilis\u00e9 pour ajouter tous les \u00e9l\u00e9ments de notre animation, en particulier les objets et les servos-moteurs.<\/p>\n

\"\"<\/p>\n

Voici ce que cela doit donner :<\/p>\n

\"\"<\/p>\n

La pi\u00e8ce oeil est li\u00e9e \u00e0 un \u00e9l\u00e9ment Joint, lui m\u00eame associ\u00e9 au servo moteur.<\/p>\n

On peut ainsi voir une simulation des d\u00e9placements, \u00e0 gauche, au centre et \u00e0 droite.<\/p>\n

\"\"\"\"<\/p>\n

Nous verrons plus loin que cette simulation peut-\u00eatre reproduite en live si toute l’\u00e9lectronique est connect\u00e9e.<\/p>\n

\u00e9tape 2 : l’animation<\/h2>\n

Une fois les composants positionn\u00e9s associ\u00e9s aux diff\u00e9rentes servos-moteurs, il reste \u00e0 mettre en place l’animation.<\/p>\n

On passe dans l’onglet \u00ab\u00a0Animation\u00a0\u00bb de Bottango.<\/p>\n

\"\"<\/p>\n

Pour g\u00e9rer l’animation, il suffit d’ajouter dans la time line les diff\u00e9rents \u00e9l\u00e9ments qui l’on souhaite animer. Ici, pour l’exemple, je vais rajouter le \u00ab\u00a0joint\u00a0\u00bb.<\/p>\n

\"\"<\/p>\n

Il suffit ensuite de rajouter des \u00ab\u00a0points cl\u00e9s\u00a0\u00bb – comme les images cl\u00e9s dans les logiciels de montage vid\u00e9o – et d’affecter une valeur entre 0 et 1 (0.5 \u00e9tant la position m\u00e9diane de l’objet).<\/p>\n

\"\"<\/p>\n

On arrive assez facilement au r\u00e9sultat souhait\u00e9.<\/p>\n

\nhttps:\/\/www.aacmb.fr\/wordpress\/wp-content\/uploads\/2025\/09\/Project-1.mp4<\/a><\/video><\/div>\n

en conclusion<\/h2>\n

Il est tr\u00e8s simple de \u00ab\u00a0programmer\u00a0\u00bb ainsi une animation compl\u00e8te. Voici le montage complet, avec les 2 yeux, les paupi\u00e8res et les 6 servos-moteurs de commande.<\/p>\n

\"\"<\/p>\n

On ajoute de la m\u00eame mani\u00e8re les diff\u00e9rentes pistes et les points cl\u00e9s de l’animation.<\/p>\n

\"\"<\/p>\n

Pour arriver \u00e0 l’animation suivante finale.<\/p>\n

https:\/\/www.aacmb.fr\/wordpress\/wp-content\/uploads\/2025\/09\/Project-2.mp4<\/a><\/video><\/div>\n

Chapitre 3 : le mat\u00e9riel physique<\/h1>\n

Pour simplifier au maximum les cablages, et parce que Bottango est nativement capable de la prendre en charge, je vias utiliser une carte PCA9685. Cette carte est capable de prendre en charge jusqu’\u00e0 16 servos-moteurs, pour un prix tr\u00e8s modique.<\/p>\n

\"\"<\/p>\n

Dans le m\u00eame esprit, plut\u00f4t que d’utiliser une carte arduino Uno, je vais utiliser une carte ESP32. Celle-ci est plus puissance et va permettre d’exploiter totalement les 16 sorties de la carte PCA9685 (ll y a une limitation pour le moment avec Bottango et Arduino en nombre de servos pilotables).<\/p>\n

Le cablage devient donc tr\u00e8s simple : la carte PCA9685 est simplement pilot\u00e9e en I2C, les broches SCL et SDA simplement connect\u00e9es aux broches SCL et SDA de l’ESP32.<\/p>\n

Le sch\u00e9ma de cabl\u00e2ge se r\u00e9sume donc \u00e0 celui-ci :<\/p>\n

\"\"<\/p>\n

Les 6 servos-moteurs seront connect\u00e9s sur les sorties de la carte PCA9685, par exemple 1 \u00e0 6.<\/p>\n

Chapitre 4 : La connexion entre Bottango et le mat\u00e9riel<\/h1>\n

La connexion entre Bottango et le mat\u00e9riel permet principalement la mise au point des animations. Tout ce que vous effectuez comme action sur l’interface de Bottango se trouve reproduit sur le mat\u00e9riel. On peut ainsi v\u00e9rifier les vitesses, les limites de position, etc.<\/p>\n

Pour effectuer cel\u00e0, Bottango va utiliser la carte micro-contr\u00f4leur (Arduino ou ESP) comme une passerelle. Il est n\u00e9cessaire pour cel\u00e0 d’installer sur la carte un driver sp\u00e9cifique, fourni avec la distribution de Bottango.<\/p>\n

Pour que ceci fonctionne, il faut donc, en pr\u00e9alable, s’assurer que la carte est bien reconnue sur le PC, et connaitre sont adresse. La solution la plus simple est d’utiliser, avant de lancer Bottango, le logiciel Arduino IDE.<\/p>\n

\"\"<\/p>\n

On voit ici que la carte ESP32-xxx est bien identifi\u00e9e, et quelle est connect\u00e9e sur le port COM14.<\/p>\n

C’est un pr\u00e9-requis indispensable. Si la carte n’est pas identif\u00e9e \u00e0 ce stade, Bottango sera incapable de la piloter.<\/u><\/p>\n

Autre point important \u00e0 noter<\/u> : Arduino IDE et Bottango ne peuvent \u00eatre lanc\u00e9s en m\u00eame temps. C’est une erreur classique de laisser Arduino IDE en t\u00e2che de fond, mais ceci va \u00ab\u00a0bloquer\u00a0\u00bb le port COM, car Arduino IDE n’est pas partageur …<\/p>\n

Lorsque l’on ex\u00e9cute Bottango \u00e0 partir de maintenant, et que l’on ouvre un projet (ou que l’on cr\u00e9\u00e9 un nouveau projet), nous pouvons acc\u00e9der \u00e0 cette page.<\/p>\n

\"\"<\/p>\n

Si tout est OK, nous devons retrouver le bon port, et un statut OK sur le driver.<\/p>\n

Remarque<\/u> : Si le statut du driver n’est pas correct, Bottango propose de recharger le driver dans la carte. Mais seuls les drivers pour les cartes Arduino sont actuellement propos\u00e9s. Pour les cartes ESP, il faudra recharger le driver depuis Arduino IDE.<\/p>\n

A partir de ce moment, toute action effectu\u00e9e dans Bottango, sera r\u00e9percut\u00e9e sur le mat\u00e9riel physique. Ci-dessous un exemple avec la paupi\u00e8re droite.<\/p>\n

https:\/\/www.aacmb.fr\/wordpress\/wp-content\/uploads\/2025\/09\/bottango_15.mp4<\/a><\/video><\/div>\n

Chapitre 5 : Exportation de l’animation<\/h1>\n

Maintenant que votre animation est pr\u00eate et que vous l’avez test\u00e9e en live, il va falloir l’exporter dans la carte contr\u00f4leur afin d’obtenir un syst\u00e8me autonome.<\/p>\n

Dans l’onglet \u00ab\u00a0Animation\u00a0\u00bb, vous trouvez un bouton \u00ab\u00a0Export animations\u00a0\u00bb.<\/p>\n

\"\"<\/p>\n

Il suffit de suivre ensuite les diff\u00e9rentes \u00e9tapes.<\/p>\n

Etape 1<\/h2>\n

\"\"<\/p>\n

Dans Bottango, vous pouvez cr\u00e9er plusieurs animations diff\u00e9rentes, qui pourront \u00eatre ex\u00e9cut\u00e9es s\u00e9quentiellement ou conditionnellement (nous verrons cel\u00e0 plus loin). La premi\u00e8re \u00e9tape consiste donc \u00e0 s\u00e9lectionner les animations \u00e0 exporter.<\/p>\n

Etape 2<\/h2>\n

\"\"<\/p>\n

Bottango propose aussi de s\u00e9lectionner les composants concern\u00e9s par l’animation. On pourrait en effet imaginer cr\u00e9er une animation complexe, et d\u00e9ployer cette animation sur plusieurs controleurs synchronis\u00e9s.<\/p>\n

Etape 3<\/h2>\n

\"\"<\/p>\n

C’est une \u00e9tape importante ! Elle conditionne en effet le mode d’ex\u00e9cution de l’animation :<\/p>\n