Herramientas de usuario

Diferencias

Muestra las diferencias entre dos versiones de la página.

Enlace a la vista de comparación

Ambos lados, revisión anteriorRevisión previa
Próxima revisión		Revisión previa
tutorial_de_arte_ascii [2025/08/20 17:03] – [1. Introducción] perontutorial_de_arte_ascii [2026/04/21 16:08] (actual) – editor externo 127.0.0.1
Línea 15: Línea 15:
 Conviene seguir unas reglas sencillas. Conviene seguir unas reglas sencillas.
  
-* **Usa una fuente monoespacio** (esto suele venir configurado por defecto en los sistemas similares a Unix, consiste en emplear tipografías de ancho fijo no proporcional). +  * **Usa una fuente monoespacio** (esto suele venir configurado por defecto en los sistemas similares a Unix, consiste en emplear tipografías de ancho fijo no proporcional). 
-* **No uses tabulaciones**. Usa siempre la barra espaciadora (o las teclas del cursor/ratón si el programa en el que escribes lo admite) para lograr espacios en blanco (esto se debe a que cada computadora y programa interpreta el tamaño de una tabulación de forma diferente, por lo que - aunque en la terinal se vea bien, otra persona podría ver cortada el dibujo). +  * **No uses tabulaciones**. Usa siempre la barra espaciadora (o las teclas del cursor/ratón si el programa en el que escribes lo admite) para lograr espacios en blanco (esto se debe a que cada computadora y programa interpreta el tamaño de una tabulación de forma diferente, por lo que - aunque en la terinal se vea bien, otra persona podría ver cortada el dibujo). 
-* **Usa solo los caracteres estándar**. Esto se refiere a todas las letras, números y signos de puntuación del teclado alfanumérico. Puedes usar la **tecla Mayúsculas**, pero no la **tecla AltGr** para crear caracteres. La razón es similar a la de no usar tabulaciones: cada computadora interpreta los caracteres alternativos de forma distinta. La idea detrás de ASCII es que todas las computadoras pueden leerlo porque está compuesto de caracteres que todas reconocen. +  * **Usa solo los caracteres estándar**. Esto se refiere a todas las letras, números y signos de puntuación del teclado alfanumérico. Puedes usar la **tecla Mayúsculas**, pero no la **tecla AltGr** para crear caracteres. La razón es similar a la de no usar tabulaciones: cada computadora interpreta los caracteres alternativos de forma distinta. La idea detrás de ASCII es que todas las computadoras pueden leerlo porque está compuesto de caracteres que todas reconocen. 
-* **No dejes espacios en blanco al concluir cada línea**. Asegúrate de que cada línea que escribas termine en el último carácter, y no unos pocos espacios después. Esto podría causar problemas en otros sistemas, como el ajuste de línea, etc.+  * **No dejes espacios en blanco al concluir cada línea**. Asegúrate de que cada línea que escribas termine en el último carácter, y no unos pocos espacios después. Esto podría causar problemas en otros sistemas, como el ajuste de línea, etc.
  
 Estas reglas me ayudan a decidir qué carácter usar y dónde colocarlo. Claro que no son reglas estrictas, pero constituyen una buena base sobre la que construir una imagen. Estas reglas me ayudan a decidir qué carácter usar y dónde colocarlo. Claro que no son reglas estrictas, pero constituyen una buena base sobre la que construir una imagen.
Línea 34: Línea 34:
 </code> </code>
  
- +===cuerpos=== 
-Empieza por encontrar un área de la imagen bastante simple. A partir de ahí, recorre el perímetro creando un contorno usando solo estos caracteres ASCII básicos:+Empieza por encontrar cuerpos para formar imagen bastante simple. A partir de ahí, recorre el perímetro creando un contorno usando solo estos caracteres ASCII básicos:
  
 <code> <code>
 / \ | - _ ( ) / \ | - _ ( )
 +</code>
 +
 +
 +Con estos pocos caracteres, empezaremos por los más fáciles. Intenta copiar estas formas, que solo usan los caracteres:  ''/'', ''\'',  ''|'', y ''_''.
 +
 +<code>
 + ___               ___
 +|   |      /\     /   \
 +|___|     /__\    \___/
 +</code>
 +
 +Empezamos bien, ¿verdad? Ahora intenta crear las mismas formas de nuevo con estos caracteres de puntuación: 
 +''-'', ''"'', ''.'', '','', ''`'', '':'', ''>'', ''<''. Estos te permitirán "redondear" más las formas:
 +
 +<code>
 + .---.       .        .--.
 + :   :     .' `.     <    >
 + "---"     "---"      `--'
 +</code>
 +
 +Es un poco más complicado y no queda tan bien, pero algunos de estos caracteres - y saber cómo usarlos - te pueden ser muy útiles a veces, como veremos más adelante. Intenta copiar estos patrones un poco más complejos, solo para practicar. Cámbialos si quieres:
 +
 +<code>
 + _   _    __    _   _                                   .^._    __
 +| |_| |_.'  `._| |_| |    /\  /\  /\  /\       /\      /   \|   \ \
 +|  _   _      _   _  |   /  \/  \/  \/  \    .'  `.   /_____V   / /
 +|_| |_| `.__.' |_| |_|  / /\  /\  /\  /\ \  <      >  |[]_[]|   \ \
 +                        \/  \/  \/  \/  \/   `.  .'   | |+| |   / /
 +                                               \/     `"""""'   \_\
 </code> </code>
  
 Intenta que las proporciones sean correctas en esta etapa, ya que es importante, y cuanto más tardes en hacerlo, más difícil será corregirlo. También puedes dibujar algunos de los detalles más grandes en esta etapa, lo que puede ayudar a que las proporciones sean correctas. Intenta que las proporciones sean correctas en esta etapa, ya que es importante, y cuanto más tardes en hacerlo, más difícil será corregirlo. También puedes dibujar algunos de los detalles más grandes en esta etapa, lo que puede ayudar a que las proporciones sean correctas.
  
-Una vez que estés satisfecho con eso, es hora de revisar todo y trabajar en el suavizado. Me gusta que *todas* las líneas estén conectadas, sin dejar espacios grandes como:+===Trazos=== 
 + 
 +Uso de otros caracteres 
 + 
 +Los demás caracteres ASCII se dividen en tres categorías: ocupan la //altura completa// de la línea o la //mitad de la altura//.  
 + 
 +>Las mayúsculas y los números siempre ocupan la altura completa.  
 + 
 +Compárelos con otros: ¿cuáles ocupan la mitad de la altura y cuáles la altura completa? Algunos ejemplos: 
 + 
 +  * **Altura completa**: <code>A 7 % @ ! # ) ; & $ ] } | / > l t f k h d ?</code> 
 +  * **Media altura**: <code>a o v z</code> 
 +  * **baja altura**: <code>j g y p q</code> 
 + 
 +==Lineas=== 
 + 
 +Existen tres líneas básicas en cualquier imagen: rectas (horizontales o verticales), diagonales y la tercera es la curva, que incluye los círculos. Primero, veremos las líneas rectas y diagonales. Las líneas horizontales y verticales son simples en ASCII; aquí hay algunos ejemplos: 
 + 
 +==Horizontal== 
 + 
 +<code> 
 +8888888888888888888888888888888888888888888888888888888888 
 +             
 +"""""""""""""""""""""""""""""""""""""""""""""""""""""""""" 
 +---------------------------------------------------------- 
 +__________________________________________________________ 
 +.......................................................... 
 +</code> 
 + 
 +==Vertical== 
 + 
 +<code> 
 +|    8    :    !    1    I 
 +|    8    :    !    1    I 
 +|    8    :    !    1    I 
 +|    8    :    !    1    I 
 +|    8    :    !    1    I 
 +|    8    :    !    1    I 
 +</code> 
 + 
 +==Diagonales== 
 + 
 +Son un poco más complicadas. Puedes crear diagonales sencillas con las teclas ''<nowiki>/</nowiki>'' y ''<nowiki>\</nowiki>''. Experimenta para ver cómo puedes crear diferentes ángulos. Aquí tienes algunos ejemplos para empezar: 
 + 
 +<code> 
 +       /         .'               _,-'                            __ 
 +      /        .'             _,-'                        __..--'' 
 +     /       .'           _,-'                      __..'' 
 +    /      .'         _,-'                  __..--'' 
 +   /     .'       _,-'              __..--'' 
 +  /    .'     _,-'          __..--''                   ____....----""" 
 + /   .'   _,-'      __..--''           ____....----"""" 
 +/  .'  ,-'  __..--''   ____....----"""" 
 +</code> 
 + 
 +Las diagonales con otros gradientes requieren una técnica similar a la que se usa para crear curvas ligeras.  
 +Me gusta que *todas* las líneas estén conectadas, sin dejar espacios grandes como:
  
 <code> <code>
Línea 60: Línea 145:
 </code> </code>
  
-Como pueden ver, ninguno de ellos produce los resultados "perfectos" que me gustaría. +Como pueden ver, ninguno de ellos produce los resultados "perfectos" que me gustaría. En este caso, intentaría añadir algún tipo de detalle para así eliminar el problema. No siempre funciona, pero vale la pena intentarlo. Por ejemplo, en lugar de intentar crear una línea casi vertical, hazla perfectamente vertical.
-En este caso, intentaría añadir algún tipo de detalle para así eliminar el problema. No siempre funciona, pero vale la pena intentarlo.+
  
 Las líneas casi horizontales son mucho más fáciles (por suerte). Usando estos caracteres: ( ''~"-.,_'' ) se puede producir fácilmente una línea bastante decente. El ejemplo anterior (horizontal) se convertiría  Las líneas casi horizontales son mucho más fáciles (por suerte). Usando estos caracteres: ( ''~"-.,_'' ) se puede producir fácilmente una línea bastante decente. El ejemplo anterior (horizontal) se convertiría 
Línea 73: Línea 157:
  
 De hecho, la selección de la imagen es muy importante para determinar el aspecto final. También puedes cambiar ciertas partes de la imagen para que funcionen mejor en el formato ASCII. De hecho, la selección de la imagen es muy importante para determinar el aspecto final. También puedes cambiar ciertas partes de la imagen para que funcionen mejor en el formato ASCII.
-Por ejemplo, en lugar de intentar crear una línea casi vertical, hazla perfectamente vertical. 
  
-Las curvas también juegan un papel importante en el arte ASCII. Aunque el conjunto de caracteres ASCII estándar no admite curvas directamente (aparte de "''(''" y "'')''", por supuesto :), puedes obtener curvas bonitas con un poco de práctica.+===Curvas===
  
-Estos son los caracteres más utilizados para crear curvas:+Las curvas también juegan un papel importante en el arte ASCII. Aunque el conjunto de caracteres ASCII estándar no admite curvas directamente - aparte de "''(''" y "'')''", por supuesto -, puedes obtener curvas bonitas con un poco de práctica.
  
-<code> +  * Caracteres más utilizados para crear curvas: <code><nowiki>/ \ - _ ~ " . , ' ` ! I l Y</nowiki></code>
-<nowiki> +
-/ \ - _ ~ " . , ' ` ! I l Y +
-</nowiki> +
-</code>+
  
 Y aquí hay un par de curvas de muestra para demostrar la idea: Y aquí hay un par de curvas de muestra para demostrar la idea:
Línea 100: Línea 179:
 </code> </code>
  
-A algunas personas no les gustaría el uso de "Y" y "^", pero para mí, las ventajas superan las desventajas. Observe también el uso de "l" y "!" para que la transición de vertical a angular sea menos pronunciada.+>A algunas personas no les gusta el uso de "''Y''" y "''^''", pero en ocasiones sus ventajas superan las desventajas. Observa también el uso de "''l''" y "''!''" para que la transición de vertical a angular sea menos pronunciada. 
 + 
 +==Circulos=== 
 +Veamos círculos de menor tamaño evitando ''Y'' y ''^'', que requieren su técnica. 
 + 
 +<code> 
 +                                                  __ 
 +                            _   /""\             /  \ 
 +1 línea:  O ()   2 líneas: (_)  \__/   3 líneas: \__/ 
 + 
 +                                                     ____ 
 +           ___               .-''-.                .'    `. 
 +4 líneas: /   \   5 líneas: /      \   6 líneas:  /        \ 
 +         |     |           |        |             |        | 
 +          \___/             \      /              \        / 
 +                             `-..-'                `.____.' 
 + 
 +             _.-""""-._ 
 +9 líneas:  .'          `. 
 +          /              \ 
 +         |                | 
 +         |                | 
 +         |                | 
 +          \              / 
 +           `._        _.' 
 +              `-....-' 
 +</code>
  
 También considero importante la elección entre "''.''" y "'',''" porque afecta la suavidad de la línea. Por ejemplo, en la parte de la curva anterior: ''_.- '':parece que "'',''" podría haber sido una mejor opción: También considero importante la elección entre "''.''" y "'',''" porque afecta la suavidad de la línea. Por ejemplo, en la parte de la curva anterior: ''_.- '':parece que "'',''" podría haber sido una mejor opción:
Línea 112: Línea 217:
   _,-~   _,-~
  
-CURVA USANDO COMA+CURVA USANDO COMAS
 </code> </code>
  
->Pero como puede apreciar aquí, el uso de la '','' ha alterado ligeramente la fluidez de la línea. Ahora aparece mas como un "escalón" que como una línea en ángulo.+>Como puede apreciar aquí, el uso de la '','' ha alterado ligeramente la fluidez de la línea. Ahora aparece mas como un "escalón" que como una línea en ángulo. 
 + 
 +===Intersecciones===
  
 Las intersecciones requieren otra estrategia. A menudo, encontrarás que una línea debe unirse con otra en un punto donde la unión no es precisa: Las intersecciones requieren otra estrategia. A menudo, encontrarás que una línea debe unirse con otra en un punto donde la unión no es precisa:
Línea 142: Línea 249:
       .       .
   /\ /|            .  ,       ___,A.A_  __       _____   /\ /|            .  ,       ___,A.A_  __       _____
-((.Y(!            |\/|       \   ,   7"_/      /     ~"-.+ ((.Y(!            |\/|       \   ,   7"_/      /     ~"-.
   \ |/             bd "n.      ~"T(  r r)      Y   -=b-. _)   \ |/             bd "n.      ~"T(  r r)      Y   -=b-. _)
   /  6~6,         /   _,"n       | \    Y      l      c"~o \   /  6~6,         /   _,"n       | \    Y      l      c"~o \
Línea 166: Línea 273:
  
 > Esta cabeza de Tiranosaurio Rex demuestra cómo aprovechar al máximo las formas de los personajes. La "''L''" de la parte inferior une tres conexiones a la perfección, al igual que la "''Y''" en la parte posterior de la boca. Estos son aspectos a tener en cuenta al crear una imagen, y al usar los personajes de esta manera, se puede obtener una gran cantidad de detalle en un área pequeña. > Esta cabeza de Tiranosaurio Rex demuestra cómo aprovechar al máximo las formas de los personajes. La "''L''" de la parte inferior une tres conexiones a la perfección, al igual que la "''Y''" en la parte posterior de la boca. Estos son aspectos a tener en cuenta al crear una imagen, y al usar los personajes de esta manera, se puede obtener una gran cantidad de detalle en un área pequeña.
 +
 +Para empezar, recorta y pega esta cabeza donde quieras dibujar tu ASCII y ponle una cara. Añade un sombrero o un cuerpo. O haz el pelo más corto o más largo. ¡Que sea un payaso o un diablo!
 +
 +===Ejercicio===
 +Esta cara tiene varias de las técnicas anteriores, superpuestas. Cópiala en tu editor y juega.
 +<code>
 +           ,-.,~~.
 +         ,'///||\\`.
 +        ///(((||)))\\.
 +       (((         )))
 +       _)))        |(_
 +      ._//\       /\\_.
 +      `-'_/`-._.-'\-`-'
 +        ' \/=._.=\/ hjw
 +</code>
 +
 +Experimenta con ella, descubriendo qué patrones y garabatos ASCII puedes crear. Dale expresiones de alguien conocido. ¡Luego cámbiala! Observa cómo puedes usar los caracteres para que la imagen se vea diferente. ¿Puedes cambiar la expresión de la cara? ¿Puedes hacer que una persona ASCII sea más gorda, más delgada, más alta o más baja, o een lugar de una mujer sea un hombre, o un alien? 
  
 ====3. Arte pequeño/de firma==== ====3. Arte pequeño/de firma====
Línea 202: Línea 326:
 La simplicidad es clave en el arte pequeño, pero eso no necesariamente facilita las cosas. Muchas cosas simplemente no se pueden dibujar con éxito en tamaños pequeños, por lo que un poco de planificación a veces ayuda. La simplicidad es clave en el arte pequeño, pero eso no necesariamente facilita las cosas. Muchas cosas simplemente no se pueden dibujar con éxito en tamaños pequeños, por lo que un poco de planificación a veces ayuda.
  
-====4. Arte Sólido====+ 
 + 
 + 
 +====4. Arte tridimensional==== 
 + 
 +El arte ASCII 3D es básicamente una extensión de SIRDS, que permite crear la ilusión de profundidad en una superficie plana. Esto se consigue creando dos versiones ligeramente diferentes de una misma imagen y colocándolas a cierta distancia. 
 + 
 +<code> 
 +        .                 .   Punto focal 
 +       / \ 
 +      /   \               x   Donde aparece la imágen 
 +     /  x  \ 
 +   ---     ---            __  La gráfica original en la pantalla 
 +   /         \ 
 +  /           \           /\  Donde están mirando sus ojos 
 + /             \ 
 +O               O         OO  Sus ojos 
 + 
 + VISTA DE PLANO 
 +</code> 
 + 
 +Aunque la escala y los ángulos son un poco diferentes, el principio básico se puede apreciar en el diagrama anterior (visto desde abajo). Las dos versiones de la imagen se encuentran en la pantalla, pero no miras hacia allí. 
 +Debes enfocar un punto //más allá// de la pantalla, lo que produce una tercera imagen en "''x''". 
 + 
 +Esta imagen resultante se produce debido al funcionamiento de los ojos. Solo pueden enfocar una "profundidad" a la vez, y cualquier cosa que esté más lejos o más cerca se ve borrosa. Estos "desenfoques" son simplemente dos vistas diferentes del mismo objeto, producidas por los dos ojos que ven cosas distintas. 
 + 
 +Prueba esto: colócate a un metro de una pared. Ahora, levanta dos dedos a aproximadamente 30 cm de tu cara y separados por aproximadamente 1,5 centímetros. Mira entre los dedos y enfoca la pared. Mantén la vista fija en la pared, pero mira hacia el primer plano, a tus dedos. Deberías ver una imagen fantasma de ambos dedos convergiendo en el centro. El truco está en que las dos imágenes fantasma se superpongan, resultando (con suerte) en una sola imagen sólida. Esta imagen debería aparecer en un nivel diferente al de las originales: 
 + 
 +<code> 
 +   |  |                |  |  | 
 +   |  |                |  |  | 
 + 
 +DOS DEDOS         IMAGEN RESULTANTE 
 +</code> 
 + 
 +Los resultados de este experimento no serán 100% perfectos, ya que es probable que tus dos dedos sean diferentes, pero es una buena manera de comprender el concepto. Con un poco de práctica, deberías poder enfocar imágenes 3D reales sin demasiado esfuerzo. 
 + 
 +<code> 
 +       ---  ---    
 +         \  /      
 +          \/       
 +          /\       
 +         /  \      
 +        /    \     
 +       O      O    
 +</code> 
 + 
 +> Tenga en cuenta que si cruza los ojos en lugar de usar la técnica anterior, verá la imagen al revés. Este diagrama muestra el efecto desde arriba, y la imagen resultante aparecerá donde se cruzan las líneas. Dado que la mayoría de los estereogramas (¿MIRO-gramas?) se crean para la pantalla, mirarlos de esta manera producirá una visión incorrecta (y es algo más molesto para la vista). 
 + 
 +Ya hemos superado lo difícil, ahora un poco sobre cómo crearlos. 
 + 
 +Volviendo al ejemplo del pequeño koala (que tiene el tamaño perfecto para este tipo de trabajo), vamos a llevarlo a tres dimensiones. 
 + 
 +<code> 
 +     X         X           
 +    ___       ___          
 +  {~._.~}   {~._.~}        
 +   ( Y )     ( Y )         
 +  ()~*~()   ()~*~()        
 +  (_)-(_)   (_)-(_)        
 +</code> 
 + 
 +> Aquí he colocado dos koalas separados por 10 caracteres. Generalmente, una buena distancia estaría entre 7 y 15 caracteres, aunque puedes usar la que prefieras. Sin embargo, los valores fuera de estos límites suelen ser difíciles de enfocar. 
 + 
 +La distancia determina cuánto se integra la imagen resultante en la pantalla. Si la distancia es 0 (es decir, sin separación), la imagen es neutra, lo que significa que aparece en la pantalla. A medida que aumenta la distancia, la imagen resultante se integra más en la pantalla. 
 + 
 +Al tener muchos koalas distribuidos en la pantalla (todos separados por la misma distancia), el efecto se vuelve ligeramente más fácil de enfocar. Cualquier capa adicional debe agregarse a lo largo de toda la imagen, con un resultado bastante efectivo. 
 + 
 +La imagen es bastante aburrida hasta ahora, con solo una capa 3D creada, así que el siguiente paso es agregar una o dos capas más. 
 + 
 +El método más probado es agregar un poste frente a él, y como lo queremos frente a la capa existente, cada poste debe estar separado por 9 caracteres. 
 + 
 +<code> 
 + _        _        _        _        _        _        _        _ 
 +(_)      (_)      (_)      (_)      (_)      (_)      (_)      (_) 
 + H___     H ___    H  ___   H   ___  H    ___ H     ___H      __H 
 +{H._.~}   H~._.~}  H{~._.~} H {~._.~}H  {~._.~H   {~._.H}   {~._H~} 
 + H Y )    H( Y )   H ( Y )  H  ( Y ) H   ( Y )H    ( Y H     ( YH) 
 +(H~*~()   H)~*~()  H()~*~() H ()~*~()H  ()~*~(H   ()~*~H)   ()~*H() 
 +(H)-(_)   H_)-(_)  H(_)-(_) H (_)-(_)H  (_)-(_H   (_)-(H)   (_)-H_) 
 + H        H        H        H        H        H        H        H 
 +~"~~~~~~~~"~~~~~~~~"~~~~~~~~"~~~~~~~~"~~~~~~~~"~~~~~~~~"~~~~~~~~"~~ 
 +</code> 
 + 
 +Observa que, dado que el poste debe aparecer //delante// del koala, en realidad lo reemplaza en la zona donde se superponen. Aquí está la misma imagen, solo que el poste aparece //detrás// del koala: 
 + 
 +<code> 
 +      _          _          _          _          _          _ 
 +     (_)        (_)        (_)        (_)        (_)        (_) 
 +  ___ H     ___  H    ___   H   ___    H  ___     H ___      H___ 
 +{~._.~}   {~._.~}H  {~._.~} H {~._.~}  H{~._.~}   {~._.~}   {~._.~} 
 + ( Y )H    ( Y ) H   ( Y )  H  ( Y )   H ( Y )    H( Y )     ( Y ) 
 +()~*~()   ()~*~()H  ()~*~() H ()~*~()  H()~*~()   ()~*~()   ()~*~() 
 +(_)-(_)   (_)-(_)H  (_)-(_) H (_)-(_)  H(_)-(_)   (_)-(_)   (_)-(_) 
 +      H          H          H          H          H          H 
 +~~~~~~"~~~~~~~~~~"~~~~~~~~~~"~~~~~~~~~~"~~~~~~~~~~"~~~~~~~~~~"~~~~~ 
 +</code> 
 + 
 +Ahora bien, como el poste debe aparecer detrás del koala, sus caracteres no se superponen. Los postes aquí están separados por 11 caracteres, por lo que aparecen un paso detrás del koala. Todas las capas se construyen así, y, por supuesto, podría tener los postes tanto detrás como delante del koala en la misma imagen. Aquí hay un ejemplo de varias capas: 
 + 
 +<code> 
 +          _               _ 
 +       .-~ \           .-~ \ 
 +      /     \  _      /     \ _ 
 +      ~x    .-~_)_    ~x   .-~_)_         
 +        ~>x".-~   ~-.   ~x".-~   ~-.      
 +         ( /         \  ( /         \     
 +          T  o  o     Y  T o  o      Y    
 +          l   <       !  l  <        !    
 +           \  .__/   /    \  ._/    /    
 +            "-.___.-'      "-.___.-' 
 +</code> 
 + 
 +> Esta imagen tiene tres capas distintas: el sombrero, la cabeza y la cara. Existen muchos otros ejemplos de ASCII 3D, además de programas para crear fácilmente SIRDS. 
 + 
 +Un rápido vistazo a la imagen de arriba muestra que la cabeza (círculo), parte del sombrero y parte de la boca tienen una separación de 15 caracteres. El resto de la cara tiene una separación de tan solo 14 caracteres, y la parte superior del sombrero tiene una separación de 16 caracteres. 
 + 
 +Tenga en cuenta que toda esta información se basa en la observación, por lo que podría no ser 100 % precisa. 
 + 
 +====5. Arte Sólido====
  
 El arte ASCII sólido se diferencia del arte lineal en que la imagen resultante es más una "silueta" que un contorno. El arte ASCII sólido se diferencia del arte lineal en que la imagen resultante es más una "silueta" que un contorno.
Línea 315: Línea 558:
 Tanto las técnicas de línea como las de sólido se pueden combinar, dando como resultado una apariencia de cómic. Cada forma de arte ASCII funciona bien en ciertas circunstancias, así que ¿por qué no aprovecharla? El arte lineal se utiliza para los contornos y pequeños detalles, y el arte sólido para áreas oscuras grandes. Tanto las técnicas de línea como las de sólido se pueden combinar, dando como resultado una apariencia de cómic. Cada forma de arte ASCII funciona bien en ciertas circunstancias, así que ¿por qué no aprovecharla? El arte lineal se utiliza para los contornos y pequeños detalles, y el arte sólido para áreas oscuras grandes.
  
-====5. Arte tridimensional====+===Mona Lisa con la Cuadrícula Sólida===
  
-El arte ASCII 3D es básicamente una extensión de SIRDS, que permite crear la ilusión de profundidad en una superficie plana. Esto se consigue creando dos versiones ligeramente diferentes de una misma imagen y colocándolas a cierta distancia.+También quería aprovechar esta oportunidad para dar un ejemplo concreto para utilizar la técnica especial de cuadrícula. Esta acelera y simplifica la creación de muchos dibujos ASCII. Esta servirá para explicar, en la medida de lo posible, qué implicaba dibujar a mano la versión ASCII de una imagen relativamente compleja, empezando desde cero. 
 + 
 +Básicamente, la cuadrícula no es más que una serie de caracteres que llenan el área a ocupar por el dibujo. Los caracteres que componen la cuadrícula son útiles para ayudar a identificar con mayor precisión dónde se ubicará una parte específica del dibujo. 
 + 
 +Supongamos que deseamos optar por el siguiente rectángulo (10 x 5 caracteres):
  
 <code> <code>
-        .                 .   Punto focal + 1.2.3.4.5. 
-       / \ + 2.A.B.C.D. 
-      /   \               x   Donde aparece la imágen + 3.E.F.G.H. 
-     /  x  \ + 4.I.J.K.L. 
-   ---     ---            __  La gráfica original en la pantalla + 5.M.N.O.P. 
-   /         \ +</code>
-  /           \           /\  Donde están mirando sus ojos +
- /             \ +
-O               O         OO  Sus ojos+
  
- VISTA DE PLANO+Luego replicamos este rectángulo base tanto horizontal como verticalmente hasta llenar un área equivalente a una página de 21,5 x 28 cm. Usando la función "buscar y reemplazar" del editor, podemos sustituir los ''.'' por //espacios en blanco// para alivianarla. Esto genera una cuadrícula con este aspecto: 
 +<code> 
 + 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 4 
 + 2 A B C D 2 A B C D 2 A B C D 2 A B C D 2 A B C D 2 A B C D 2 A B C D 2 A B C 
 + 3 E F G H 3 E F G H 3 E F G H 3 E F G H 3 E F G H 3 E F G H 3 E F G H 3 E F G 
 + 4 I J K L 4 I J K L 4 I J K L 4 I J K L 4 I J K L 4 I J K L 4 I J K L 4 I J K 
 + 5 M N O P 5 M N O P 5 M N O P 5 M N O P 5 M N O P 5 M N O P 5 M N O P 5 M N O 
 + 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 4 
 + 2 A B C D 2 A B C D 2 A B C D 2 A B C D 2 A B C D 2 A B C D 2 A B C D 2 A B C 
 + 3 E F G H 3 E F G H 3 E F G H 3 E F G H 3 E F G H 3 E F G H 3 E F G H 3 E F G 
 + 4 I J K L 4 I J K L 4 I J K L 4 I J K L 4 I J K L 4 I J K L 4 I J K L 4 I J K 
 + 5 M N O P 5 M N O P 5 M N O P 5 M N O P 5 M N O P 5 M N O P 5 M N O P 5 M N O
 </code> </code>
  
-Aunque la escala y los ángulos son un poco diferentes, el principio básico se puede apreciar en el diagrama anterior (visto desde abajo). Las dos versiones de la imagen se encuentran en la pantalla, pero no miras hacia allí. +Los caracteres del ''1'' al ''5'' forman guías horizontales y verticales. Estas guías permiten localizar rápidamente el área aproximada de la cuadrícula en la que queremos trabajar. En este ejemplo, nos basaremos en los caracteres de la ''A'' a la ''P'' (que solo aparecían una vez dentro de cada rectángulo).
-Debes enfocar un punto //más allá// de la pantalla, lo que produce una tercera imagen en "''x''".+
  
-Esta imagen resultante se produce debido al funcionamiento de los ojos. Solo pueden enfocar una "profundidad" a la vez, y cualquier cosa que esté más lejos o más cerca se ve borrosa. Estos "desenfoques" son simplemente dos vistas diferentes del mismo objeto, producidas por los dos ojos que ven cosas distintas.+>Por supuesto, la cuadrícula por sí sola no guarda mucho sentido hasta que uno la relaciona de alguna manera con el dibujo. 
  
-Prueba esto: colócate a un metro de una pared. Ahora, levanta dos dedos a aproximadamente 30 cm de tu cara y separados por aproximadamente 1,5 centímetros. Mira entre los dedos y enfoca la pared. Mantén la vista fija en la pared, pero mira hacia el primer plano, a tus dedos. Deberías ver una imagen fantasma de ambos dedos convergiendo en el centro. El truco está en que las dos imágenes fantasma se superpongan, resultando (con suerte) en una sola imagen sólida. Esta imagen debería aparecer en un nivel diferente al de las originales:+En el caso de la Mona Lisa, las líneas a respetar fundamentalmente son las líneas entre el velo y el cabello, el cabello y el fondo, la barbilla y el cuello, y las líneas a cada lado del rostro y a cada lado de la prenda arqueada que se extendía hasta el hombro izquierdo (al que se hace referencia como el chal en el resto de este documento). También resaltan los contornos de los labios, la nariz y los ojos de la misma manera.
  
-<code> +Ante esto debemos escoger los gradientes para trabajar. Decidamos representar las zonas oscuras de la imagen con un ''8'', el chal con una ''I'' y el velo con un ''8'' si cubría algún cabello y con una ''I'' si no (o para mostrar su borde en el cabello). Elegí esos caracteres porque contrastaban muy bien: era fácil distinguir una línea de ''I'' en un área llena de ''8''.
-   |  |                |  |  | +
-   |  |                |  |  |+
  
-DOS DEDOS         IMAGEN RESULTANTE +Vamos trazando la imagen, línea por línea, mientras sobrescribía los caracteres de la cuadrícula con espacios hasta llegar al primer carácter que delimitaba el borde del cabello o velo de Mona, según lo indicado. En ese punto, escribí uno de los cuatro caracteres: ''8'', ''d'', ''<nowiki>`</nowiki>'' o '','', según cuál correspondiera mejor a la parte oscura de la imagen. Después, resaltamos usando ''88 ''; justo lo suficiente para definir el contorno. Por supuesto, cuando estaba en la zona donde el velo era lo primero que se alcanzaba, usé ''11 '' en su lugar.
-</code>+
  
-Los resultados de este experimento no serán 100% perfectos, ya que es probable que tus dos dedos sean diferentes, pero es una buena manera de comprender el concepto. Con un poco de práctica, deberías poder enfocar imágenes 3D reales sin demasiado esfuerzo.+Repetí ese proceso para cada línea hasta llegar a la parte superior de la cabeza. Allí, decidí seguir la línea interior del cabello mientras bajaba por el lado derecho de la imagen. Así que, primero, comencé definiendo la línea del cabello en la frente y rellenando la parte superior de la cabeza con ''8''. Luego, comenzando por la línea interior del cabello, escribí ochos hasta llegar al otro lado y luego añadí una ''b'' o una '','' si era necesario. También me aseguré de dejar una ''I'' en el punto exacto donde había mostrado el velo para empezar a cubrir el cabello. Continué así, línea por línea, hasta llegar a la parte superior del chal.
  
 +Media hora después de cargar la cuadrícula, estaba en esta etapa:
 <code> <code>
-       ---  ---    +                                   _______ 
-         \  /      +                            _,,ad8888888888bba,_ 
-          \/       +                         ,8888888888888888888888888, 
-          /\       +                       ,888888888888888888888888888888, 
-         /  \      +                     ,8888888888888888888888888888888888, 
-        /    \     +                    d88888PP"""""""YY888888888888888888888, 
-       O      O   +                  ,88  A B C D 2 A B C D 2 ""Y8888888888888, 
 +                 ,II 3 E F G H 3 E F G H 3 E  IIII8888888888, 
 +                ,II  4 I J K L 4 I J K L 4 I J `888III8888888, 
 +              ,II  P 5 M N O P 5 M N O P 5 M N  `888888I888888, 
 +             ,II 4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 4  `888888I8888b 
 +            ,II  C D 2 A B C D 2 A B C D 2 A B C D 8888888I8888, 
 +            II8  G H 3 E F G H 3 E F G H 3 E F G H `8888888I888b 
 +            II8  K L 4 I J K L 4 I J K L 4 I J K L  88888888I888 
 +            II8  O P 5 M N O P 5 M N O P 5 M N O P  88888888I888, 
 +            II8  4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 ,888888888I88b 
 +           ,II B C D 2 A B C D 2 A B C D 2 A B C D 8888888888I888 
 +           II8 F G H 3 E F G H 3 E F G H 3 E F G H 8888888888I888, 
 +          ,II  J K L 4 I J K L 4 I J K L 4 I J K L 8888888888I888b 
 +          II8  N O P 5 M N O P 5 M N O P 5 M N O P 88888888888I888 
 +          II8  3 4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 88888888888I888, 
 +          II8  B C D 2 A B C D 2 A B C D 2 A B C D 88888888888I888b 
 +          II8  F G H 3 E F G H 3 E F G H 3 E F G H 88888888888I8888, 
 +          II8  J K L 4 I J K L 4 I J K L 4 I J K L 88888888888I8888b 
 +          II8  N O P 5 M N O P 5 M N O P 5 M N O P 88888888888I88888 
 +          II8  3 4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 88888888888I88888 
 +          `II  B C D 2 A B C D 2 A B C D 2 A B C D 88888888888I88888 
 +           II8 F G H 3 E F G H 3 E F G H 3 E F G H 8888888888I888888, 
 +           `II J K L 4 I J K L 4 I J K L 4 I J K L 8888888888I888888b 
 +            `II  O P 5 M N O P 5 M N O P 5 M N O P 8888888888I8888888 
 +             `II 4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 `888888888I8888888, 
 +              II8  D 2 A B C D 2 A B C D 2 A B C D  888888888I88888888, 
 +             ,II G H 3 E F G H 3 E F G H 3 E F G H  `88888888I888888888, 
 +             II8 K L 4 I J K L 4 I J K L 4 I J K L 4 88888888I8888888888, 
 +             II8 O P 5 M N O P 5 M N O P 5 M N O P 5 88888888I888888888888, 
 +            ,II  4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 1 `8888888I88888888888888, 
 +            II8  C D 2 A B C D 2 A B C D 2 A B C D 2  8888888I888888888888888b 
 +           ,II F G H 3 E F G H 3 E F G H 3 E F G H 3 ,8888888I8888888888888888 
 +          ,88  J K L 4 I J K L 4 I J K L 4 I J K L 4 I J K L 4 I J K L 4 I J I 
 +       ,88 5 M N O P 5 M N O P 5 M N O P 5 M N O P 5 M N O P 5 M N O P 5 M N I 
 +     ,88 5 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 I 
 +   ,88 C D 2 A B C D 2 A B C D 2 A B C D 2 A B C D 2 A B C D 2 A B C D 2 A B I 
 +  ,88  G H 3 E F G H 3 E F G H 3 E F G H 3 E F G H 3 E F G H 3 E F G H 3 E F I 
 + d88 J K L 4 I J K L 4 I J K L 4 I J K L 4 I J K L 4 I J K L 4 I J K L 4 I J I 
 + 8 M N O P 5 M N O P 5 M N O P 5 M N O P 5 M N O P 5 M N O P 5 M N O P 5 M N 8 
 + 8 2 3 4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 8 
 + 8 A B C D 2 A B C D 2 A B C D 2 A B C D 2 A B C D 2 A B C D 2 A B C D 2 A B 8 
 + 8 E F G H 3 E F G H 3 E F G H 3 E F G H 3 E F G H 3 E F G H 3 E F G H 3 E F 8 
 + 8 I J K L 4 I J K L 4 I J K L 4 I J K L 4 I J K L 4 I J K L 4 I J K L 4 I J 8 
 + 8 M N O P 5 M N O P 5 M N O P 5 M N O P 5 M N O P 5 M N O P 5 M N O P 5 M N 8 
 + 8 2 3 4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 1 2 3 8 
 + 8 A B C D 2 A B C D 2 A B C D 2 A B C D 2 A B C D 2 A B C D 2 A B C D 2 A B 8 
 + 8 E F G H 3 E F G H 3 E F G H 3 E F G H 3 E F G H 3 E F G H 3 E F G H 3 E F 8 
 + 8 I J K L 4 I J K L 4 I J K L 4 I J K L 4 I J K L 4 I J K L 4 I J K L 4 I J 8 
 + 8888888888888888888888888888888IIIIIIIIIIIIII88888888888888888888888888888888
 </code> </code>
  
-> Tenga en cuenta que si cruza los ojos en lugar de usar la técnica anterior, verá la imagen al revés. Este diagrama muestra el efecto desde arriba, y la imagen resultante aparecerá donde se cruzan las líneas. Dado que la mayoría de los estereogramas (¿MIRO-gramas?) se crean para la pantalla, mirarlos de esta manera producirá una visión incorrecta (y es algo más molesto para la vista). +Llegado aquí pareció apropiado rellenar el chal con ''i'', lo que automáticamente me llevó a rellenar la esquina inferior derecha con ''8'' y a añadir una firma. Luego completé la pequeña porción de cabello en la parte superior del chal. Después, definí la parte superior de la prenda, junto al velo, y rellené la sección inferior con ''8''. A continuación, rellené el resto del cabello (en el lado izquierdo de la imagen) con ''8'', definiendo la línea interior. También rellené - con '' '' - la zona de piel desde la parte superior de la prenda hasta la garganta. Después, dibujé el velo en la frente y rellené el resto de la frente con espacios. Finalmente, suavicé todas las líneas dibujadas hasta el momento, dejando el rostro para el final.
- +
-Ya hemos superado lo difícil, ahora un poco sobre cómo crearlos. +
- +
-Volviendo al ejemplo del pequeño koala (que tiene el tamaño perfecto para este tipo de trabajo), vamos a llevarlo a tres dimensiones.+
  
 +Así que, después de una hora de trabajo, estaba en esta etapa:
 <code> <code>
-     X         X           +                                   _______ 
-    ___       ___          +                            _,,ad8888888888bba,_ 
-  {~._.~}   {~._.~}        +                         ,ad88888I888888888888888ba, 
-   ( Y )     ( Y )         +                       ,88888888I88888888888888888888a, 
-  ()~*~()   ()~*~()        +                     ,d888888888I8888888888888888888888b, 
-  (_)-(_)   (_)-(_)       +                    d88888PP"""" ""YY88888888888888888888b, 
 +                  ,d88"'__,,--------,,,,._ ""Y8888888888888, 
 +                 ,8II-'"                  "```IIII8888888888, 
 +                ,I88'                          `Y88III8888888, 
 +              ,II88I                            `Y88888I888888, 
 +             ,II888'                              `888888I8888b 
 +            ,II8888                                Y888888I8888, 
 +            II88888                                `8888888I888b 
 +            II88888, 4 I J K L 4 I J K L 4 I J K L  88888888I888 
 +            II88888I 5 M N O P 5 M N O P 5 M N O P  88888888I888, 
 +            II88888' 1 2 3 4 5 1 2 3 4 5 1 2 3 4 5 ,888888888I88I 
 +           ,II88888  2 A B C D 2 A B C D 2 A B C D d888888888I888 
 +           III88888, 3 E F G H 3 E F G H 3 E F G H 8888888888I888, 
 +          ,III88888I 4 I J K L 4 I J K L 4 I J K L 8888888888I888I 
 +          III888888I 5 M N O P 5 M N O P 5 M N O P 88888888888I888 
 +          II88888888,  2 3 4 5 1 2 3 4 5 1 2 3 4 5 88888888888I888, 
 +          II88888888I  A B C D 2 A B C D 2 A B C D 88888888888I888b 
 +          ]I888888888, E F G H 3 E F G H 3 E F G H 88888888888I8888, 
 +          II888888888I I J K L 4 I J K L 4 I J K L 88888888888I8888I 
 +          II8888888888b  N O P 5 M N O P 5 M N O P 88888888888I88888 
 +          II888888888888a  4 5 1 2 3 4 5 1 2 3 4 5 88888888888I88888 
 +          `II8888888888888b, D 2 A B C D 2 A B C D 88888888888I88888 
 +           II888888888888888ba,_ E F G H 3 E F G H 8888888888I888888, 
 +           `II88888888888888888b I J K L 4 I J K L I888888888I888888b 
 +            `II88888888888888888 M N O P 5 M N O P I888888888I8888888 
 +             `II8888888888888888                   `888888888I8888888, 
 +              II8888888888888888,                   Y88888888I8888888b, 
 +             ,II8888888888888888b                   `88888888I88888888b, 
 +             II888888888888888P"I                    88888888I8888888888, 
 +             II888888888888P"   `                    Y8888888I88888888888b, 
 +            ,II888888888P"                           `8888888I8888888888888b, 
 +            II888888888'                              8888888I888888888888888b 
 +           ,II888888888                              ,8888888I8888888888888888 
 +          ,d88888888888                              d888888I8888888888IIIIIII 
 +       ,ad888888888888I                              8888888I8888IIIIIIIIIIIII 
 +     ,d888888888888888'                              888888IIIIIIIIIIIIIIIIIII 
 +   ,d888888888888P'8P'                               Y888IIIIIIIIIIIIIIIIIIIII 
 +  ,8888888888888,  "                                 ,IIIIIIIIIIIIIIIIIIIIIIII 
 + d888888888888888,                                ,IIIIIIIIIIIIIIIIIIIIIIIIIII 
 + 888888888888888888a,      _                    ,IIIIIIIIIIIIIIIIIIII888888888 
 + 888888888888888888888ba,_d'                  ,IIIIIIIIIIIIIIIII88888888888888 
 + 8888888888888888888888888888bbbaaa,,,______,IIIIIIIIIIIIIII888888888888888888 
 + 88888888888888888888888888888888888888888IIIIIIIIIIIIIII888888888888888888888 
 + 8888888888888888888888888888888888888888IIIIIIIIIIIIII88888888888888888888888 
 + 888888888888888888888888888888888888888IIIIIIIIIIIIII888888888888888888888888 
 + 8888888888888888888888888888888888888IIIIIIIIIIIIII88888888888888888888888888 
 + 88888888888888888888888888888888888IIIIIIIIIIIIII8888888888888888888888888888 
 + 8888888888888888888888888888888888IIIIIIIIIIIIII88888888888888888 Normand  88 
 + 88888888888888888888888888888888IIIIIIIIIIIIII8888888888888888888 Veilleux 88 
 + 8888888888888888888888888888888IIIIIIIIIIIIII88888888888888888888888888888888
 </code> </code>
  
-> Aquí he colocado dos koalas separados por 10 caracteres. Generalmente, una buena distancia estaría entre 7 y 15 caracteres, aunque puedes usar la que prefieras. Sin embargo, los valores fuera de estos límites suelen ser difíciles de enfocar.+El chal me pareció demasiado pálido en comparación con el resto de la prenda, así que intenté sustituir las ''i'' por caracteres más densos, como ''M'', ''H'', ''A'', etc. Desafortunadamente, aunque podía apreciar la diferencia en la pantalla bastante bien, no veía ninguna diferencia entre esos caracteres y los ''8'' que lo rodeaban. Sólo al probar con una ''Z'' pude distinguir entre los dos caracteresa. Así que la ''Z'' me dio la razón.
  
-La distancia determina cuánto se integra la imagen resultante en la pantalla. Si la distancia es 0 (es decir, sin separación), la imagen es neutra, lo que significa que aparece en la pantalla. A medida que aumenta la distancia, la imagen resultante se integra más en la pantalla.+Luego trabajé en la cara durante media hora, definiendo boca, nariz, ojos, etc. Primero probé mi estilo preferido, pero se veía fatal, así que intenté dibujar líneas sin éxito. Nada parecía funcionar, así que volví a mi estilo preferido de dibujo ASCII y, para ser fiel a él, no añadí ningún sombreado a la cara.
  
-Al tener muchos koalas distribuidos en la pantalla (todos separados por la misma distancia), el efecto se vuelve ligeramente más fácil de enfocar. Cualquier capa adicional debe agregarse a lo largo de toda la imagen, con un resultado bastante efectivo.+Así se veía la imagen en esa etapa: 
 +<code> 
 +                                   _______ 
 +                            _,,ad8888888888bba,_ 
 +                         ,ad88888I888888888888888ba, 
 +                       ,88888888I88888888888888888888a, 
 +                     ,d888888888I8888888888888888888888b, 
 +                    d88888PP"""" ""YY88888888888888888888b, 
 +                  ,d88"'__,,--------,,,,._ ""Y8888888888888, 
 +                 ,8II-'"                  "```IIII8888888888, 
 +                ,I88'                          `Y88III8888888, 
 +              ,II88I                            `Y88888I888888, 
 +             ,II888'                              `888888I8888b 
 +            ,II8888                                Y888888I8888, 
 +            II88888                                `8888888I888b 
 +            II88888,   .aag,    ,gaaP""             88888888I888 
 +            II88888I    ___"b  d"    ____           88888888I888, 
 +            II88888'  <^I88>I  I   <^I888'         ,888888888I88I 
 +           ,II88888  . `""" I  I    `""" .         d888888888I888 
 +           III88888,  ````     b     ''''          8888888888I888, 
 +          ,III88888I                               8888888888I888I 
 +          III888888I        ,   \,                 88888888888I888 
 +          II88888888,      I'    "I                88888888888I888, 
 +          II88888888I      `"baad"'               ,88888888888I888b 
 +          ]I888888888,                           ,P88888888888I8888, 
 +          II888888888I    "Y88bd888P"          ,d" 88888888888I8888I 
 +          II8888888888b     `"""""          _,8"  ,88888888888I88888 
 +          II888888888888a                _,P"'   ,d88888888888I88888 
 +          `II8888888888888b,          _,d"'    ,aP"88888888888I88888 
 +           II888888888888888ba,__,,ad""    _,aP"   8888888888I888888, 
 +           `II88888888888888888b"ba,,,,aadP"'      I888888888I888888b 
 +            `II88888888888888888  `""""'           I888888888I8888888 
 +             `II8888888888888888                   `888888888I8888888, 
 +              II8888888888888888,                   Y88888888I8888888b, 
 +             ,II8888888888888888b                   `88888888I88888888b, 
 +             II888888888888888P"I                    88888888I8888888888, 
 +             II888888888888P"   `                    Y8888888I88888888888b, 
 +            ,II888888888P"                           `8888888I8888888888888b, 
 +            II888888888'                              8888888I888888888888888b 
 +           ,II888888888                              ,8888888I8888888888888888 
 +          ,d88888888888                              d888888I8888888888ZZZZZZZ 
 +       ,ad888888888888I                              8888888I8888ZZZZZZZZZZZZZ 
 +     ,d888888888888888'                              888888IZZZZZZZZZZZZZZZZZZ 
 +   ,d888888888888P'8P'                               Y888ZZZZZZZZZZZZZZZZZZZZZ 
 +  ,8888888888888,  "                                 ,ZZZZZZZZZZZZZZZZZZZZZZZZ 
 + d888888888888888,                                ,ZZZZZZZZZZZZZZZZZZZZZZZZZZZ 
 + 888888888888888888a,      _                    ,ZZZZZZZZZZZZZZZZZZZZ888888888 
 + 888888888888888888888ba,_d'                  ,ZZZZZZZZZZZZZZZZZ88888888888888 
 + 8888888888888888888888888888bbbaaa,,,______,ZZZZZZZZZZZZZZZ888888888888888888 
 + 88888888888888888888888888888888888888888ZZZZZZZZZZZZZZZ888888888888888888888 
 + 8888888888888888888888888888888888888888ZZZZZZZZZZZZZZ88888888888888888888888 
 + 888888888888888888888888888888888888888ZZZZZZZZZZZZZZ888888888888888888888888 
 + 8888888888888888888888888888888888888ZZZZZZZZZZZZZZ88888888888888888888888888 
 + 88888888888888888888888888888888888ZZZZZZZZZZZZZZ8888888888888888888888888888 
 + 8888888888888888888888888888888888ZZZZZZZZZZZZZZ88888888888888888 Normand  88 
 + 88888888888888888888888888888888ZZZZZZZZZZZZZZ8888888888888888888 Veilleux 88 
 + 8888888888888888888888888888888ZZZZZZZZZZZZZZ88888888888888888888888888888888 
 +</code>
  
-La imagen es bastante aburrida hasta ahora, con solo una capa 3D creada, así que el siguiente paso es agregar una o dos capas más. +Como no conseguía mejorar el rostro, decidí experimentar con el sombreado para ver si funcionaba. Bueno, no quedó como esperaba: el sombreado era demasiado pálido. Así que perdí media hora para llegar a este punto:
- +
-El método más probado es agregar un poste frente a él, y como lo queremos frente a la capa existente, cada poste debe estar separado por 9 caracteres.+
  
 <code> <code>
- _        _        _        _        _        _        _        _ +                                   _______ 
-(_)      (_)      (_)      (_)      (_)      (_)      (_)      (_) +                            _,,ad8888888888bba,_ 
- H___     H ___    H  ___   H   ___  H    ___ H     ___H      __H +                         ,ad88888I888888888888888ba, 
-{H._.~}   H~._.~}  H{~._.~} H {~._.~}H  {~._.~H   {~._.H}   {~._H~} +                       ,88888888I88888888888888888888a, 
- H Y )    H( Y )   H ( Y )  H  ( Y ) H   ( Y )H    ( Y H     ( YH) +                     ,d88888888I88888888888888888888888b, 
-(H~*~()   H)~*~()  H()~*~() H ()~*~()H  ()~*~(H   ()~*~H)   ()~*H() +                    d88888PP""" """YY88888888888888888888b, 
-(H)-(_)   H_)-(_)  H(_)-(_) H (_)-(_)H  (_)-(_H   (_)-(H)   (_)-H_) +                  ,d88"'__,,--------,,,;:::""Y8888888888888, 
- H        H        H        H        H        H        H        H +                 ,8II:'"              .,:.":::IIII8888888888, 
-~"~~~~~~~~"~~~~~~~~"~~~~~~~~"~~~~~~~~"~~~~~~~~"~~~~~~~~"~~~~~~~~"~~+                ,I88:.                 ...::::::Y88III8888888, 
 +              ,II88I:.                   :..:::::Y88888I888888, 
 +             ,II888'..                  :.:...:::::888888I8888b 
 +            ,II8888.                        .::::::Y888888I8888, 
 +            II88888:                        .:::::::8888888I888b 
 +            II88888;   .aag,    ,gaaP""... .:.::::::88888888I888 
 +            II88888I:::::::"b  d":::::;;::, :..:::::88888888I888, 
 +            II88888'::<^I88>I  I::.<^I888'   ..:.::;888888888I88I 
 +           ,II88888  . `""" I  I:.. `""" .   ..:.::d888888888I888 
 +           III88888,  ````     b;.   ''''   ..:.:::8888888888I888, 
 +          ,III88888I            :.         ..:.::::8888888888I888I 
 +          III888888I        ,   :,         :::.::::88888888888I888 
 +          II88888888;:     I'    "I       :.:.:::::88888888888I888, 
 +          II88888888I:.    `"baad":       .:::.::::88888888888I888b 
 +          ]I888888888;:.:.    :.:..:.:: ..:.:.:::::88888888888I8888, 
 +          II888888888I:. ."Y88bd888P"   ..::.::::::88888888888I8888I 
 +          II8888888888b::.  `""""'.:.:.:.::.::::::;88888888888I88888 
 +          II888888888888a:.   :::::.:. .:,aP:::::;d88888888888I88888 
 +          `II8888888888888b;.    ..::.;aP":::::;aP:88888888888I88888 
 +           II888888888888888ba,__,,aP"::::::;aP::::8888888888I888888, 
 +           `II88888888888888888b"ba;;;;aadP":::::::I888888888I888888b 
 +            `II88888888888888888 .:::::::::::::::::I888888888I8888888 
 +             `II8888888888888888  .::::::::::::::..`888888888I8888888, 
 +              II8888888888888888,   ..::.:::::.:..  Y88888888I8888888b, 
 +             ,II8888888888888888b      .::..:..     `88888888I88888888b, 
 +             II888888888888888P"I        ..:.        88888888I8888888888, 
 +             II888888888888P"::.`                    Y8888888I88888888888b, 
 +            ,II888888888P".:::                       `8888888I8888888888888b, 
 +            II888888888'                              8888888I888888888888888b
 </code> </code>
  
-Observa que, dado que el poste debe aparecer //delante// del koala, en realidad lo reemplaza en la zona donde se superponen. Aquí está la misma imagen, solo que el poste aparece //detrás// del koala:+Más tarde, decidí darle otra oportunidad al //arte ASCII lineal// y comencé a trabajar en la cara sin sombreado. Conseguí una nariz decente en unos 5 minutos, así que continué y, poco a poco, el resto de la cara adquirió un nuevo aspecto mucho mejor que todo lo que había conseguido hasta entonces. Me llevó media hora de prueba y error llegar a esto:
  
 <code> <code>
-      _          _          _          _          _          _ +                                   _______ 
-     (_)        (_)        (_)        (_)        (_)        (_) +                            _,,ad8888888888bba,_ 
-  ___ H     ___  H    ___   H   ___    H  ___     H ___      H___ +                         ,ad88888I888888888888888ba, 
-{~._.~}   {~._.~}H  {~._.~} H {~._.~}  H{~._.~}   {~._.~}   {~._.~} +                       ,88888888I88888888888888888888a, 
- ( Y )H    ( Y ) H   ( Y )  H  ( Y )   H ( Y )    H( Y )     ( Y ) +                     ,d888888888I8888888888888888888888b, 
-()~*~()   ()~*~()H  ()~*~() H ()~*~()  H()~*~()   ()~*~()   ()~*~() +                    d88888PP"""" ""YY88888888888888888888b, 
-(_)-(_)   (_)-(_)H  (_)-(_) H (_)-(_)  H(_)-(_)   (_)-(_)   (_)-(_) +                  ,d88"'__,,--------,,,,._ ""Y8888888888888, 
-      H          H          H          H          H          H +                 ,8II-'"                  "```IIII8888888888, 
-~~~~~~"~~~~~~~~~~"~~~~~~~~~~"~~~~~~~~~~"~~~~~~~~~~"~~~~~~~~~~"~~~~~+                ,I88'                          `Y88III8888888, 
 +              ,II88I                            `Y88888I888888, 
 +             ,II888'                              `888888I8888b 
 +            ,II8888                                Y888888I8888, 
 +            II88888                                `8888888I888b 
 +            II88888,    ---.      ..-----           88888888I888 
 +            II88888I   _,,_ `.  .'   _,,_           88888888I888, 
 +            II88888'  <'(@@> |  |   <'(@@>         ,888888888I88I 
 +           ,II88888    `"""  |  |    `"""          d888888888I888 
 +           III88888,            `                  8888888888I888, 
 +          ,III88888I                               8888888888I888I 
 +          III888888I        ,   ',                 88888888888I888 
 +          II88888888,      (_    _)                88888888888I888, 
 +          II88888888I        `--'                 ,88888888888I888b 
 +          ]I888888888,                           ,P88888888888I8888, 
 +          II888888888I    "Y88bd888P"          ,d" 88888888888I8888I 
 +          II8888888888b     `"""""          _,8"  ,88888888888I88888 
 +          II888888888888a                _,P"'   ,d88888888888I88888 
 +          `II8888888888888b,          _,d"'    ,aP"88888888888I88888 
 +           II888888888888888ba,__,,ad""    _,aP"   8888888888I888888, 
 +           `II88888888888888888b"ba,,,,aadP"'      I888888888I888888b 
 +            `II88888888888888888  `""""'           I888888888I8888888 
 +             `II8888888888888888                   `888888888I8888888, 
 +              II8888888888888888,                   Y88888888I8888888b, 
 +             ,II8888888888888888b                   `88888888I88888888b, 
 +             II888888888888888P"I                    88888888I8888888888, 
 +             II888888888888P"   `                    Y8888888I88888888888b, 
 +            ,II888888888P"                           `8888888I8888888888888b, 
 +            II888888888'                              888888I8888888888888888b 
 +           ,II888888888                              ,888888I88888888888888888 
 +          ,d88888888888                              d888888I8888888888ZZZZZZZ 
 +       ,ad888888888888I                              8888888I8888ZZZZZZZZZZZZZ 
 +     ,d888888888888888'                              888888IZZZZZZZZZZZZZZZZZZ 
 +   ,d888888888888P'8P'                               Y888ZZZZZZZZZZZZZZZZZZZZZ 
 +  ,8888888888888,  "                                 ,ZZZZZZZZZZZZZZZZZZZZZZZZ 
 + d888888888888888,                                ,ZZZZZZZZZZZZZZZZZZZZZZZZZZZ 
 + 888888888888888888a,      _                    ,ZZZZZZZZZZZZZZZZZZZZ888888888 
 + 888888888888888888888ba,_d'                  ,ZZZZZZZZZZZZZZZZZ88888888888888 
 + 8888888888888888888888888888bbbaaa,,,______,ZZZZZZZZZZZZZZZ888888888888888888 
 + 88888888888888888888888888888888888888888ZZZZZZZZZZZZZZZ888888888888888888888 
 + 8888888888888888888888888888888888888888ZZZZZZZZZZZZZZ88888888888888888888888 
 + 888888888888888888888888888888888888888ZZZZZZZZZZZZZZ888888888888888888888888 
 + 8888888888888888888888888888888888888ZZZZZZZZZZZZZZ88888888888888888888888888 
 + 88888888888888888888888888888888888ZZZZZZZZZZZZZZ8888888888888888888888888888 
 + 8888888888888888888888888888888888ZZZZZZZZZZZZZZ88888888888888888 Normand  88 
 + 88888888888888888888888888888888ZZZZZZZZZZZZZZ8888888888888888888 Veilleux 88 
 + 8888888888888888888888888888888ZZZZZZZZZZZZZZ88888888888888888888888888888888
 </code> </code>
  
-Ahora bien, como el poste debe aparecer detrás del koala, sus caracteres no se superponen. Los postes aquí están separados por 11 caracteres, por lo que aparecen un paso detrás del koala. Todas las capas se construyen así, y, por supuesto, podría tener los postes tanto detrás como delante del koala en la misma imagen. Aquí hay un ejemplo de varias capas:+Decidí considerar esta la versión final sin sombrear. 
 + 
 +Ahora, la pregunta seguía siendo: ¿valdría la pena añadir el sombreado? Le enseñé la versión sin sombrear de la imagen a un amigo diseñador gráfico. No tardó mucho en mencionar el sombreado como el siguiente paso. Le enseñé el primer intento (mostrado arriba) y admití que no tenía ni idea de cómo mejorarlo. Sugirió usar una copia impresa de mi imagen sin sombrear y dibujar el sombreado primero, antes de intentar dibujarlo en la computadora. 
 + 
 +Bueno, eso casi me desanimó. Dibujar cosas sencillas en papel no era un problema, pero en cuanto al sombreado, no tenía ni idea de cómo hacerlo. Me ayudó señalando que podía empezar dibujando el borde exterior del sombreado más tenue como si fuera un objeto normal. Luego podía definir otra línea que representara el punto medio del sombreado. Él sugirió no usar más de dos o tres niveles diferentes de sombreado. 
 +Así que me puse manos a la obra. 
 + 
 +No conservé todas las etapas del sombreado, pero basta con decir que me llevó aproximadamente el doble de tiempo que el resto de la imagen. Este fue el resultado final de la versión sombreada:
  
 <code> <code>
-          _               _ +                                   _______ 
-       .-~ \           .-~ \ +                            _,,ad8888888888bba,_ 
-      /     \  _      /     \ _ +                         ,ad88888I888888888888888ba, 
-      ~x    .-~_)_    ~x   .-~_)_         +                       ,88888888I88888888888888888888a, 
-        ~>x".-~   ~-.   ~x".-~   ~-.      +                     ,d888888888I8888888888888888888888b, 
-         ( /         \  ( /         \     +                    d88888PP"""" ""YY88888888888888888888b, 
-          T  o  o     Y  T o  o      Y    +                  ,d88"'__,,--------,,,,.;ZZZY8888888888888, 
-          l   <       !  l  <        !    +                 ,8IIl'"                ;;l"ZZZIII8888888888, 
-           \  .__/   /    \  ._/    /    +                ,I88l;'                  ;lZZZZZ888III8888888, 
-            "-.___.-'      "-.___.-'+              ,II88Zl;.                  ;llZZZZZ888888I888888, 
 +             ,II888Zl;.                .;;;;;lllZZZ888888I8888b 
 +            ,II8888Z;;                 `;;;;;''llZZ8888888I8888, 
 +            II88888Z;'                        .;lZZZ8888888I888b 
 +            II88888Z; _,aaa,      .,aaaaa,__.l;llZZZ88888888I888 
 +            II88888IZZZZZZZZZ,  .ZZZZZZZZZZZZZZ;llZZ88888888I888, 
 +            II88888IZZ<'(@@>Z|  |ZZZ<'(@@>ZZZZ;;llZZ888888888I88I 
 +           ,II88888;   `""" ;|  |ZZ; `"""     ;;llZ8888888888I888 
 +           II888888l            `;;          .;llZZ8888888888I888, 
 +          ,II888888Z;           ;;;        .;;llZZZ8888888888I888I 
 +          III888888Zl;    ..,   `;;       ,;;lllZZZ88888888888I888 
 +          II88888888Z;;...;(_    _)      ,;;;llZZZZ88888888888I888, 
 +          II88888888Zl;;;;;' `--'Z;.   .,;;;;llZZZZ88888888888I888b 
 +          ]I888888888Z;;;;'   ";llllll;..;;;lllZZZZ88888888888I8888, 
 +          II888888888Zl.;;"Y88bd888P";;,..;lllZZZZZ88888888888I8888I 
 +          II8888888888Zl;.; `"PPP";;;,..;lllZZZZZZZ88888888888I88888 
 +          II888888888888Zl;;. `;;;l;;;;lllZZZZZZZZW88888888888I88888 
 +          `II8888888888888Zl;.    ,;;lllZZZZZZZZWMZ88888888888I88888 
 +           II8888888888888888ZbaalllZZZZZZZZZWWMZZZ8888888888I888888, 
 +           `II88888888888888888b"WWZZZZZWWWMMZZZZZZI888888888I888888b 
 +            `II88888888888888888;ZZMMMMMMZZZZZZZZllI888888888I8888888 
 +             `II8888888888888888 `;lZZZZZZZZZZZlllll888888888I8888888, 
 +              II8888888888888888, `;lllZZZZllllll;;.Y88888888I8888888b, 
 +             ,II8888888888888888b   .;;lllllll;;;.;..88888888I88888888b, 
 +             II888888888888888PZI;.  .`;;;.;;;..; ...88888888I8888888888, 
 +             II888888888888PZ;;';;.   ;. .;.  .;. .. Y8888888I88888888888b, 
 +            ,II888888888PZ;;'                        `8888888I8888888888888b, 
 +            II888888888'                              888888I8888888888888888b 
 +           ,II888888888                              ,888888I88888888888888888 
 +          ,d88888888888                              d888888I8888888888ZZZZZZZ 
 +       ,ad888888888888I                              8888888I8888ZZZZZZZZZZZZZ 
 +     ,d888888888888888'                              888888IZZZZZZZZZZZZZZZZZZ 
 +   ,d888888888888P'8P'                               Y888ZZZZZZZZZZZZZZZZZZZZZ 
 +  ,8888888888888,  "                                 ,ZZZZZZZZZZZZZZZZZZZZZZZZ 
 + d888888888888888,                                ,ZZZZZZZZZZZZZZZZZZZZZZZZZZZ 
 + 888888888888888888a,      _                    ,ZZZZZZZZZZZZZZZZZZZZ888888888 
 + 888888888888888888888ba,_d'                  ,ZZZZZZZZZZZZZZZZZ88888888888888 
 + 8888888888888888888888888888bbbaaa,,,______,ZZZZZZZZZZZZZZZ888888888888888888 
 + 88888888888888888888888888888888888888888ZZZZZZZZZZZZZZZ888888888888888888888 
 + 8888888888888888888888888888888888888888ZZZZZZZZZZZZZZ88888888888888888888888 
 + 888888888888888888888888888888888888888ZZZZZZZZZZZZZZ888888888888888888888888 
 + 8888888888888888888888888888888888888ZZZZZZZZZZZZZZ88888888888888888888888888 
 + 88888888888888888888888888888888888ZZZZZZZZZZZZZZ8888888888888888888888888888 
 + 8888888888888888888888888888888888ZZZZZZZZZZZZZZ88888888888888888 Normand  88 
 + 88888888888888888888888888888888ZZZZZZZZZZZZZZ8888888888888888888 Veilleux 88 
 + 8888888888888888888888888888888ZZZZZZZZZZZZZZ88888888888888888888888888888888
 </code> </code>
  
-> Esta imagen tiene tres capas distintas: el sombrero, la cabeza y la cara. Existen muchos otros ejemplos de ASCII 3D, además de programas para crear fácilmente SIRDS.+Como pueden ver, el sistema de cuadrícula con el que he estado trabajando permite transferir rápidamente los grandes detalles del papel a la pantalla, manteniendo las proporciones de la imagen original. Esto elimina gran parte de la experimentación que, de otro modo, llevaría mucho tiempo para obtener las proporciones correctas. 
 + 
 +Con la cuadrícula, no hay error: los caracteres que la componen permiten ver dónde empezar y dónde terminar. Las habilidades necesarias para usarla también son bastante sencillas, aunque requieren práctica. Sin embargo, algo que la cuadrícula no puede hacer es eliminar la experimentación necesaria para el toque final: los detalles más pequeños, el suavizado, el sombreado, etc. 
  
-Un rápido vistazo a la imagen de arriba muestra que la cabeza (círculo), parte del sombrero y parte de la boca tienen una separación de 15 caracteres. El resto de la cara tiene una separación de tan solo 14 caracteres, y la parte superior del sombrero tiene una separación de 16 caracteres. 
  
-Tenga en cuenta que toda esta información se basa en la observación, por lo que podría no ser 100 % precisa. 
  
 ====6. Conclusion==== ====6. Conclusion====

Este sitio web utiliza cookies para guardar datos esenciales de su actividad, como su autenticación. Al entrar acepta el uso de cookies.

Más información