drawtonomy — Whiteboard pour scénarios de conduite autonome
Un whiteboard gratuit en ligne pour les scénarios de conduite. Esquissez voies, intersections et scènes de circulation pour vos articles, présentations, revues de conception et la rédaction de scénarios. Sans installation. Sans compte.
drawtonomy est un whiteboard gratuit en ligne pour les scénarios de conduite — conduite autonome (AV), conduite automatisée (AD) et ADAS confondus.
Posez des voies de circulation, intersections, véhicules, piétons, feux tricolores et marquages routiers comme des formes intégrées. Sans installation, sans compte, rien n’est téléversé. Au besoin, la même scène s’exporte aussi vers ASAM OpenDRIVE 1.8, OpenSCENARIO 1.3 et des archives zip prêtes pour esmini, et importe des cartes Lanelet2 OSM et des grilles d’occupation ROS — mais ce sont des passerelles vers l’extérieur, pas l’essentiel (voir Passerelles vers votre pile de simulation et de cartographie plus bas).
Que ce soit pour les figures d’un article, le slide esquissé avant une revue de conception, le diagramme tracé en visio pour expliquer un cas limite à votre équipe, ou la scène dessinée avant d’écrire le fichier OpenSCENARIO — le même canevas couvre les figures de recherche en conduite autonome (AV), les revues de conception AD et les esquisses de scénarios de test ADAS : dépassement, changement de voie, tourne-à-gauche non protégé, entrée de rond-point, passage piéton, freinage du véhicule précédent et bien d’autres.
Le vocabulaire voies / véhicules / intersections est assez général pour servir aussi aux plans de cours d’auto-école, aux supports d’éducation routière, aux figures de génie du trafic et aux esquisses personnelles rapides — consultez les cas d’usage pour la liste complète.
Le canevas intègre également un outil Math (LaTeX) qui rend les équations avec KaTeX, permettant de placer une fonction de coût ou une équation de contrôleur typographiée à côté du scénario qu’elle décrit. Il fonctionne tout aussi bien comme éditeur d’équations LaTeX autonome et gratuit en ligne pour les figures d’articles, les présentations, Notion ou les billets de blog — voir équations dans les figures d’articles de recherche et équations dans les présentations et billets de blog.
La raison de son existence : les outils de dessin génériques et les logiciels de présentation ne savent pas ce qu’est une voie de circulation, ce qui oblige à reconstruire la géométrie à chaque modification. drawtonomy traite voies, intersections et l’ensemble du vocabulaire des scénarios de conduite comme des formes intégrées, de sorte que la figure reste correcte tout au long des itérations.
drawtonomy fonctionne aussi là où vos scénarios se trouvent déjà. La plupart des fichiers .xosc vivent dans un dépôt Git, et l’extension Chrome drawtonomy for GitHub les fait jouer directement sur github.com — de quoi lire un scénario, ou parcourir tout un dossier, sans cloner le dépôt ni installer de simulateur.
Dessiner la scèneVoies, intersections, véhicules et piétons comme des formes de premier ordre qui connaissent la topologie routière. Cinq minutes entre un canevas vide et une figure exportée pour un article, un slide ou une revue de conception.
La faire bougerDonnez aux acteurs des phases, des événements et des déclencheurs — ou décrivez simplement la manœuvre et laissez l'IA l'écrire. Le tout s'exécute dans le navigateur sur esmini-WASM avec un verdict PASS / FAIL. Cinq minutes pour votre premier scénario exécutable.
Les deux ne sont pas deux produits distincts, mais un seul et même pipeline. Les voies, les acteurs et la géométrie que vous dessinez dans la scène deviennent le réseau routier et les entités sur lesquels le scénario s’exécute. Aucune étape d’export entre les deux, aucun second outil.
La scène, c’est un canevas qui connaît déjà le vocabulaire de la route. Un outil de dessin générique ignore ce qu’est une voie : le moindre déplacement oblige à reconstruire toute la géométrie. drawtonomy, lui, traite les voies et les intersections comme des formes à part entière, si bien que le dessin résiste aux modifications répétées. Le même canevas sert aussi bien pour la figure d’un article, le slide préparé avant une revue de conception, que pour le cas limite esquissé en direct pendant un appel. Besoin d’une équation à côté ? L’outil Math (LaTeX) permet de poser une fonction de coût ou l’équation d’un contrôleur directement sur le canevas.
Le scénario, c’est ce qui fait bouger cette scène. Donnez aux acteurs des phases, des événements et des déclencheurs — ou confiez la tâche à la génération de scénario par IA : dessinez une voie, placez deux véhicules, puis tapez « Vehicle2 cuts in front of Vehicle1. » Le storyboard est rédigé pour vous, exécuté dans esmini, et n’est appliqué que s’il passe le test. Ensuite, c’est un scénario tout à fait ordinaire : vous pouvez le parcourir, le modifier et l’exporter comme n’importe quel autre.
Le vocabulaire voies / véhicules / intersections dépasse largement le cadre de la conduite autonome (AD) : supports de cours d’auto-école, schémas de génie du trafic, tout y trouve sa place. La liste complète se trouve dans les cas d’usage.
Le whiteboard est l’essentiel, mais le même canevas double aussi comme front-end léger et basé navigateur pour ces usages voisins :
Éditeur OpenDRIVEOuvrez un .xodr, éditez visuellement les voies et les jonctions, exportez en ASAM OpenDRIVE 1.8.
Éditeur OpenSCENARIOCréez visuellement un storyboard — phases, événements, actions, déclencheurs — exécutez-le dans le navigateur sur esmini-WASM, et exportez une archive zip ASAM OpenSCENARIO 1.2 prête pour esmini.
Simulateur OpenSCENARIODéposez un .xosc + .xodr et l'esmini-WASM embarqué exécute le storyboard directement dans le navigateur — recherche temporelle, Follow Ego, traînées fantômes, export .webm. Basé sur esmini.
Éditeur Lanelet2Ouvrez une carte .osm, éditez visuellement la géométrie des voies, effectuez l'aller-retour vers Lanelet2 avec un fichier annexe pour les éléments réglementaires.
Outil de dessin de voiesVoies, intersections, passages piétons et marquages routiers comme formes de premier ordre, avec des connexions qui respectent la topologie.
Choisissez le point d’entrée qui correspond à ce que vous recherchez.
Découvrir les cas d'usageFigures pour articles, slides de revue de conception, esquisses de test ADAS, édition Lanelet2, annotation de cartes ROS et bien plus. Parcourez le catalogue pour voir si votre usage y figure.
Comparer avec d'autres outilsComparaisons neutres avec RoadRunner, MATLAB Driving Scenario Designer, Truevision Designer, JOSM, Vector Map Builder, outils de présentation et Whiteboards en ligne.
En savoir plus sur les formatsCe que sont vraiment OpenSCENARIO, OpenDRIVE, Lanelet2, esmini, les cartes HD Autoware, les grilles d'occupation ROS et la classification de scénarios (fonctionnel / logique / concret), et comment drawtonomy s'y intègre.
Prévisualiser des scénarios sur GitHubUne extension Chrome qui fait jouer les fichiers OpenSCENARIO .xosc directement sur github.com — prévisualisez tout un dossier, puis ouvrez-en un dans l'éditeur pour le modifier et enregistrer un extrait. Sans clonage, sans installation de simulateur.
Commencer à dessinerCinq minutes du canevas vide à la scène exportée. Puis tutoriels, guides pratiques, référence et SDK pour les développeurs d'extensions.
Des figures de scénarios vectorielles et nettes pour les articles de recherche en conduite autonome (AV), AD et ADAS, qui s’intègrent proprement dans LaTeX, les présentations et Markdown — exportées au format .drawtonomy.svg (format SVG natif et ré-éditable), PDF ou EPS.
Diagrammes pour revue de conception
Esquissez une manœuvre de changement de voie, un tourne-à-gauche non protégé ou un cas d’occlusion en quelques secondes. Partagez le résultat et reprenez la discussion sur le même canevas le lendemain.
Esquisses de scénarios avant rédaction
Dessinez la scène avant d’écrire le XML OpenSCENARIO — et exportez en .xosc / .xodr lorsque l’esquisse est prête.
Annotation de cartes et ROS
Tracez des voies sur un fond satellite, éditez des cartes Lanelet2 OSM ou annotez une grille d’occupation ROS avec des trajectoires et des obstacles.
Pourquoi c’est plus rapide qu’un outil de dessin générique
Voies, intersections, passages piétons, feux tricolores, marquages au sol, véhicules et piétons sont intégrés. Vous pouvez aussi ajouter vos propres modèles SVG et les contribuer par PR.
Voies avec topologie
Chaque voie porte des connexions Next / Previous / Left / Right. Deux voies qui partagent un bord partagent les mêmes points ; un seul glissement déplace les deux.
Canevas infini, fonds satellite
Naviguez et zoomez sur des dispositions arbitrairement grandes. Posez un fond satellite ou plan routier et tracez à partir d’un emplacement réel. L’accrochage et les points partagés maintiennent la géométrie alignée sans nettoyage manuel.
Gratuit et entièrement dans le navigateur
Pas d’installation, pas de compte, aucun téléversement. Rouvrez plus tard un drawtonomy.svg enregistré et la scène réapparaît exactement comme vous l’aviez laissée, connexions et relations de superposition incluses.
Passerelles vers votre pile de simulation et de cartographie
Le Whiteboard est l’essentiel ; voici comment le diagramme s’intègre au reste du flux de travail.
SVG ré-éditable pour articles et présentations
Le format .drawtonomy.svg est un SVG standard qui s’affiche dans les navigateurs, GitHub et les présentations, et se rouvre dans drawtonomy avec toutes les connexions intactes. Le format à privilégier dès qu’une figure pourrait nécessiter des modifications ultérieures — articles, présentations, documentation, billets de blog.
Aller-retour Lanelet2
Ouvrez des cartes Lanelet2 OSM pour édition et exportez vers OSM — y compris les cartes d’exemple Autoware. Idéal pour esquisser des modifications sur une carte HD existante.
ASAM OpenDRIVE / OpenSCENARIO
Exportez OpenDRIVE 1.8 et OpenSCENARIO 1.3 — ensemble sous forme d’archive zip prête pour esmini pour rejouer votre scène dans un simulateur.
Générateur de scènes par IA
Décrivez un scénario en langage naturel ou collez du XML OpenSCENARIO et obtenez un canevas modifiable. La sortie est une scène drawtonomy normale ; affinez-la comme n’importe quelle autre.
Une fois la phase d’exploration terminée, la documentation est organisée autour de quatre types de besoins. Choisissez celui qui correspond à ce que vous cherchez à faire.
TutorielsApprenez par la pratique. Leçons pas à pas, du canevas vide à la scène finalisée.
Guides pratiquesAccomplissez une tâche précise. Recettes pour voies, véhicules, exports et imports.
RéférenceConsultez les faits. Raccourcis, formats de fichiers, catalogue de formes et API du SDK.
ExplicationComprenez le modèle. Pourquoi drawtonomy fonctionne ainsi.
Si vous souhaitez construire au-dessus de drawtonomy plutôt que simplement l’utiliser, consultez Étendre drawtonomy. Le code source du SDK, les exemples et la référence se trouvent à côté de ce site sur github.com/kosuke55/drawtonomy.