drawtonomy es una pizarra gratuita en el navegador para escenarios de conducción — conducción autónoma (AD), conducción automatizada y ADAS por igual.
Coloca carriles, intersecciones, vehículos, peatones, semáforos y marcas viales como formas integradas. Sin instalación, sin cuenta, sin nada subido a un servidor.
Pero la escena que dibujas no es el final del camino. En el modo Escenario, el mismo lienzo se convierte en una herramienta de creación de OpenSCENARIO: da a los actores fases, eventos y disparadores, pulsa reproducir y observa cómo se ejecuta en el navegador sobre esmini compilado a WebAssembly, con un veredicto PASS / FAIL al final. Crear y ejecutar OpenSCENARIO es un pilar propio, no un simple puente de salida.
Los puentes reales son los que llevan una escena hacia los lados, a una pila de herramientas vecina: exporta a ASAM OpenDRIVE 1.8 e importa mapas OSM Lanelet2 y rejillas de ocupación ROS (consulta Puentes a tu pila de simulación y mapeo más abajo).
También funciona donde ya están los escenarios. La mayoría de los
archivos .xosc viven en un repositorio Git, así que la extensión
de Chrome drawtonomy for GitHub
los reproduce directamente en github.com — lee un escenario, o
recorre una carpeta entera de ellos, sin clonar el repositorio ni
instalar un simulador.
Las dos cosas son un único flujo, no productos distintos. Los carriles, actores y geometría que dibujas en la escena se convierten directamente en la red vial y las entidades sobre las que se ejecuta el escenario. No hay paso de exportación entre medias, ni una segunda herramienta.
La escena es un lienzo que ya conoce el vocabulario de la conducción. Una herramienta de dibujo genérica no sabe qué es un carril, así que cualquier pequeño ajuste obliga a reconstruir la geometría de la vía; drawtonomy trata los carriles y las intersecciones como formas, de modo que el dibujo aguanta ediciones repetidas sin romperse. El mismo lienzo cubre la figura de un artículo, la diapositiva antes de una revisión de diseño y el caso límite que esbozas durante una llamada. Cuando necesitas una ecuación al lado, la herramienta Math (LaTeX) coloca una función de coste o la ecuación de un controlador directamente sobre el lienzo.
El escenario es lo que pone esa escena en movimiento. Da a los actores fases, eventos y disparadores — o déjaselo a la generación de escenarios con IA. Dibuja un carril, coloca dos coches y escribe “Vehicle2 cuts in front of Vehicle1.”: el storyboard se escribe por ti, se ejecuta en esmini y solo se aplica si supera la comprobación. A partir de ahí es un escenario normal, así que puedes desplazarte por él, editarlo y exportarlo como cualquier otro.
Antes de escribir nada, mira una ejecución.
Reproduce ahora mismo un escenario real del repositorio de esmini
— un clic obtiene el .xosc desde GitHub y lo ejecuta en tu
navegador. Consulta Abrir y reproducir un .xosc.
El vocabulario de carriles, vehículos e intersecciones va mucho más allá del trabajo en AD — materiales de autoescuela, diagramas de ingeniería de tráfico y bocetos rápidos de vías encajan igual de bien. La lista completa está en casos de uso.
La pizarra es lo principal, pero el mismo lienzo también hace de interfaz ligera en el navegador para estos usos afines:
Elige el punto de entrada que se ajuste a tu objetivo.
Figuras para artículos y tesis
Figuras vectoriales nítidas de escenarios de conducción
autónoma que se incrustan limpiamente en LaTeX,
presentaciones y Markdown — exportadas como
.drawtonomy.svg (formato SVG nativo y reeditable de
drawtonomy), PDF o EPS.
Diagramas para debates de diseño
Esboza una maniobra de cambio de carril, un giro a la izquierda no protegido o un caso de oclusión en segundos. Comparte el resultado y retoma la conversación en el mismo lienzo al día siguiente.
Bocetos de escenarios antes de la creación
Dibuja la escena antes de escribir el XML de OpenSCENARIO —
y exporta a .xosc / .xodr cuando el boceto esté listo.
Anotación de mapas y ROS
Traza carriles sobre un fondo satelital, edita mapas OSM Lanelet2 o anota una rejilla de ocupación ROS con trayectorias y obstáculos.
Formas del dominio de la conducción
Carriles, intersecciones, pasos de peatones, semáforos, marcas viales, vehículos y peatones vienen integrados. También puedes añadir tus propias plantillas SVG y contribuir mediante PR.
Carriles conscientes de la topología
Cada carril lleva conexiones Siguiente / Anterior / Izquierda / Derecha. Dos carriles que comparten un borde comparten los mismos puntos del borde, así que arrastrar una vez mueve ambos.
Lienzo infinito, fondos satelitales
Desplázate y haz zoom por diseños arbitrariamente grandes. Coloca un fondo satelital o de mapa de carreteras y traza desde una ubicación real. Snap y puntos compartidos mantienen la geometría alineada sin limpieza manual.
Gratis y solo en el navegador
Sin instalación, sin cuenta, sin subidas. Reabre un drawtonomy.svg guardado más tarde y la escena vuelve exactamente como la dejaste, conexiones y relaciones de solapamiento incluidas.
La pizarra es lo principal; estos son los caminos por los que el diagrama fluye al resto del flujo de trabajo.
SVG reeditable para artículos y presentaciones
El formato .drawtonomy.svg es un SVG normal que se
previsualiza en navegadores, GitHub y presentaciones, y se
reabre en drawtonomy con cada conexión intacta. La opción por
defecto para cualquier figura que pueda necesitar edición más
tarde — artículos, presentaciones, documentación, entradas de
blog.
Round-trip Lanelet2
Abre mapas OSM Lanelet2 para edición y exporta de vuelta a OSM — incluyendo mapas de muestra de Autoware. Útil para esbozar cambios sobre un mapa HD existente.
ASAM OpenDRIVE / OpenSCENARIO
Exporta OpenDRIVE 1.8 y OpenSCENARIO 1.3 — juntos como un zip listo para esmini cuando quieras reproducir tu escena en un simulador.
AI Scene Generator
Describe un escenario en lenguaje natural, o pega XML de OpenSCENARIO, y obtén un lienzo editable de vuelta. La salida es una escena drawtonomy normal; refínala como cualquier otra.
Una vez superada la fase de evaluación y cuando quieras ponerte a dibujar, la documentación está organizada en torno a cuatro tipos de necesidad. Elige la que coincida con lo que estás intentando hacer.
Si quieres construir sobre drawtonomy en lugar de solo usarlo, consulta Extender drawtonomy. El código fuente del SDK, ejemplos y referencia están junto a este sitio en github.com/kosuke55/drawtonomy.
