Explicar el código usando el arte ASCII

Nota del traductor: t√≠picamente un art√≠culo de viernes el martes por la ma√Īana ... ¬Ņpor qu√© no?



La mayoría de las personas son visuales. Usan imágenes para llegar al fondo del problema. Pero los lenguajes de programación convencionales, por el contrario, se basan en la representación textual. La brecha resultante entre el texto y los gráficos se llena con imágenes ASCII dibujadas con caracteres de texto e insertadas en el código fuente del programa. Los adoro! Una vez lancé un grito en Twitter y me enviaron muchos más ejemplos de los que esperaba. Gracias a todos los involucrados. Este tema surgió con algunos ejemplos excelentes que recopilé y puse en categorías. Para cada imagen, se proporciona un enlace al repositorio correspondiente.

Estructuras de datos


Uno de los usos más comunes del arte ASCII en el código es ilustrar la estructura de datos.

Primer ejemplo del código fuente de LLVM:


Código fuente

Ubicación de los campos en la estructura de datos en Jikes RVM:


Código fuente

Rotar un √°rbol en Musl:


Código fuente

Cola de dos vías en Rust:


Código fuente

Componentes internos del compilador Swift:


Código fuente

Dise√Īo del elemento en el encabezado Malloc:


Código fuente

M√°quinas de estado


Perfiles de Javascript:


Código fuente

RPC en Cloud Spanner:


Código fuente

Estados de flujo de E / S:


Código fuente

Dominio Lógico


Control de flujo en el programa descompilado NWScript:


Código fuente

ECC Insides:


Código fuente

Formato de n√ļmero:


Código fuente

Circuito cu√°ntico:


Código fuente

Equilibrar las tareas de administración de memoria en el kernel del sistema operativo:


Código fuente

Compatibilidad de tipos (este es un caso particularmente impresionante, ¡porque aquí el arte ASCII es código!)


Código fuente

Formato de archivo DBF:


Código fuente

Tabla de b√ļsqueda para el procesamiento de im√°genes:


Código fuente

Forma de función de color:


Código fuente

Estructura de URL:


Código fuente

Una breve referencia sobre las operaciones de cancelación en emacs:


Código fuente
Nota del traductor: todavía hay muchos cuadros similares en el enlace

Geometría


Control de altitud en la computadora de a bordo Apollo (!!!):


Código fuente

Segmentación de la imagen:


Código fuente

Trayectorias de bumerang de Nethack:


Código fuente

Dibujar bordes de elementos en CSS:


Código fuente

√Ārbol cuadrante:


Código fuente

Control de velocidad de la m√°quina:


Código fuente

Desplazamiento de p√°gina web:


Código fuente

¬°Espero que lo hayas disfrutado!

Ejemplo adicional del traductor:

Valores de interpolación de gráficos:


Código fuente

Source: https://habr.com/ru/post/440830/


All Articles