Articulo de referencia

Transformación de texto

Las transformaciones de texto son estrategias para realizar transformaciones geométricas en el texto (inversión, rotaciones, etc.), especialmente en sistemas que no admiten tran...

Las transformaciones de texto son estrategias para realizar transformaciones geométricas en el texto (inversión, rotaciones, etc.), especialmente en sistemas que no admiten transformaciones de forma nativa, como HTML , las pantallas de siete segmentos y el texto plano .

Implementación

Muchos sistemas, como HTML, las pantallas de siete segmentos y el texto plano, no admiten la transformación de texto. En el caso de HTML, esta limitación de visualización podría resolverse mediante hojas de estilo en cascada (CSS) estándar, ya que las especificaciones propuestas para CSS3 incluyen la rotación de elementos de bloque. [ 1 ] Mientras tanto, se han empezado a utilizar diversas formas de producir efectos visuales de transformaciones de texto.

Texto girado 90º usando CSS Texto girado
Texto reflejado horizontalmente usando CSS Texto reflejado
Texto reflejado verticalmente usando CSS Texto reflejado

Las transformaciones más comunes son la rotación y la reflexión .

Unicode admite una variedad de caracteres que se asemejan a caracteres transformados, principalmente para diversas formas de transcripción fonética . Cada uno de estos nombres de caracteres indica qué tipo de transformación han sufrido:

  • Caracteres invertidos, aquellos que se han reflejado en una línea vertical o se han volteado horizontalmente, como ciertas letras del alfabeto cirílico ;
  • Caracteres invertidos, aquellos que se han reflejado en una línea horizontal (es decir, volteados verticalmente, poco frecuentes);
  • Caracteres invertidos, aquellos que han sido rotados 180 grados y, por lo tanto, aparecen al revés (esto es lo más común);
  • Caracteres de lado, aquellos que han sido rotados 90 grados en sentido contrario a las agujas del reloj (generalmente los menos compatibles y utilizados solo para un puñado de vocales en el sistema del alfabeto fonético urálico ).

Texto al revés

Se pueden usar estrategias para mostrar palabras al revés en lenguajes como HTML que no permiten la rotación de texto; usando caracteres Unicode (especialmente los del IPA ), se puede lograr una aproximación muy cercana del texto al revés (también llamado texto volteado ). Las letras s, x, z y o son simétricas rotacionalmente , mientras que pares como b/q, d/p y n/u son rotaciones entre sí. El resto de las letras se han codificado en la sección IPA de Unicode, generando un conjunto completo de letras minúsculas al revés. Con la adición del alfabeto Fraser al estándar Unicode en la versión 5.2, ahora está disponible la compatibilidad completa (o al menos casi completa) para las letras mayúsculas al revés. La compatibilidad con números es incompleta; cuatro números son universalmente estrobogramáticos (0, 8 y 6/9), y a las versiones al revés de los números 2 y 3 se les han asignado puntos Unicode para su uso en notación duodécima ; sin embargo, otros números aún no son compatibles. La puntuación (mediante el uso de caracteres como el punto medio y los signos de interrogación y exclamación invertidos ) está cubierta en su mayor parte. Existen varias utilidades en Internet para transformar texto normal en texto invertido (y a veces desde él); cada una tiene su propio algoritmo ligeramente diferente para las letras que no están cubiertas de forma precisa o completa. Puede encontrar una lista de convertidores y algoritmos en la lista que aparece a continuación .

Un proceso similar es la codificación USD , que utiliza caracteres exclusivamente del conjunto de caracteres ASCII . Al ser casi completamente alfanumérico, es mucho más compatible con otros programas que no admiten Unicode y se puede escribir más fácilmente a mano. Sin embargo, el texto creado con la codificación USD es mucho menos legible y, de hecho, se asemeja más a Leet . Otro problema es que, como no todas las letras encajan bien, los algoritmos USD no pueden ser una involución completa (es decir, completamente convertibles de un lado a otro) y contener un conjunto completo de letras al mismo tiempo. Por ejemplo, el ejemplo del algoritmo USD de Albartus que se ve en la sección "Ejemplos" a continuación tiene k, T, t y R todavía en sus posiciones verticales. Otro problema con la codificación USD es el uso de la cursiva . La letra "a", en la mayoría de las tipografías que usan fuentes cursivas, se representa como una alfa latina de "una sola planta" , lo que causa problemas con cualquier palabra que use esa letra como una "e" minúscula. La tipografía oblicua no tiene este problema.

A continuación se muestra una tabla de conversión que permite transformar caracteres numéricos y de puntuación en minúsculas y mayúsculas. Estos caracteres requieren Unicode versión 8.0 como mínimo (en particular, los caracteres 2 y 3 del bloque duodecimal ).

Texto de lado

El texto horizontal presenta un problema particular. A diferencia de la rotación de texto de 180 grados, la cantidad de caracteres horizontales es muy inferior a la necesaria para la mayoría de los casos, y dado que el texto se representa horizontalmente, sería muy difícil representar más de una línea de texto vertical de forma alineada sin columnas, especialmente en fuentes proporcionales (además, cada carácter requeriría un salto de línea). El proceso de usar caracteres alternativos para texto horizontal se complica aún más por el hecho de que la mayoría de las fuentes espacian más las letras verticalmente (para permitir el subrayado y el sobrelineado ) que horizontalmente, y porque la mayoría de las fuentes son más altas que anchas, lo que hace que el texto horizontal simulado se vea mucho más extraño.

Hasta que CSS3 introdujo la rotación para elementos de bloque, [ 2 ] no había una forma directa de rotar el texto en ninguna dirección que no fuera el método manual de 180 grados descrito anteriormente. Internet Explorer ofrecía una propiedad CSS propietaria que rotaba el texto 90 grados en el sentido de las agujas del reloj, la cual ha sido revisada e incorporada a CSS: Aún existen algunas inconsistencias en la forma en que se implementa la propiedad; la rotación también puede causar algunos problemas con el ancho, la altura y el ajuste de palabras de un elemento determinado.<div style="writing-mode:vertical-rl;">writing-mode

La solución más común para estos problemas consistía en usar imágenes de texto, que luego se podían rotar y transformar a voluntad en un editor de imágenes, y representar el texto en esas imágenes con el atributo alt para que los motores de búsqueda y los navegadores de solo texto pudieran leerlo correctamente. El uso de caracteres ANSI Art y Box Draw para dibujar manualmente texto horizontalmente tiene la ventaja de ser copiable y pegable (a diferencia de las imágenes en la mayoría de los casos de texto plano), pero generalmente crea caracteres grandes y no suele ser legible para los motores de búsqueda. Con la adopción generalizada de CSS3 por parte de todos los navegadores principales, estos métodos están prácticamente obsoletos para los medios web.

Texto invertido

Aunque menos extendido, el texto también puede invertirse para convertirse en una imagen especular de sí mismo. Las letras A, H, I, M, O/o, T, U, V/v, W/w, X/x, Y, y en algunas fuentes i y l son simétricas en el eje y; los pares b/d y p/q se transforman entre sí. Las letras И, Я y г del alfabeto cirílico , entre otras fuentes, se encuentran entre los numerosos caracteres que pueden utilizarse para generar este efecto. El texto invertido puede usar mayúsculas mezcladas con minúsculas, a diferencia de las minúsculas estrictas utilizadas en la transformación invertida (las mayúsculas y minúsculas invertidas generalmente no se alinean como lo harían en posición vertical, aunque las letras invertidas sí).

La simetría del eje X es visible en las letras B, C, D, E, H, I, K, O, X, y en algunas fuentes a y l, así como en los pares a/ g , b/p, d/q, e/G y f/t. Al extenderla a los alfabetos cirílico y griego, se observan más simetrías, como Λ/V y Γ/L.

La tipografía Fixedsys Excelsior incluye un conjunto completo de caracteres invertidos como este en su Área de Uso Privado. Sin embargo, no existen herramientas en línea para crear texto reflejado, y la mayoría de los sitios que afirman "reflejar texto" o "invertir texto" en realidad solo cambian el orden de las letras y no las invierten realmente.

Texto dilatado

Mediante el uso de versalitas , signos de puntuación y modificadores fonéticos de subíndice y superíndice de Unicode , se puede crear texto más pequeño que el texto en línea. Esto generalmente solo es necesario para aplicaciones que solo admiten texto plano de un tamaño, ya que HTML y CSS admiten diferentes tamaños de texto.

Ejemplos

  • Arte, como representar las dos zonas de anotación o las designaciones de los jugadores en un campo de fútbol americano ; por ejemplo, " sɹəꞁəəʇS ɥᵷɹnqsʇʇᴉԀ " de este ejemplo o " sʇuɐᴉᵷ ʞɹo⅄ ʍəN ƕ" (nótese el uso de hwair como símbolo del logotipo del equipo).
  • En Norteamérica, los emoticonos se dibujan tradicionalmente de lado.
  • Un mejor ajuste; por ejemplo, girar los encabezados de columna de una tabla lateralmente produciría una tabla más compacta, algo deseable especialmente en tablas que contienen principalmente abreviaturas y valores numéricos.
  • Evocando estereotipos rusos , volteando ciertas letras una por una.
  • Evocar la simplicidad, como la confusión infantil sobre la dirección de una letra (por ejemplo, " Toys Я Us ").
  • Simetría , como en los logotipos de Nine Inch Nails (NIИ), ABBA (AꓭBA) o el eslogan "EIB" de The Rush Limbaugh Show (εıз). El uso de la transformación de esta manera se conoce como ambigrama .
  • Deletreo de calculadora en pantallas de siete segmentos, donde los números representan letras al revés (por ejemplo, 07734 , "hola").7734
  • Emulando el estilo de escritura bustrofedón , donde las líneas alternas se escriben en direcciones opuestas.
  • Los pentominós y los tetrominós se parecen a las letras latinas (y tradicionalmente reciben su nombre de ellas), y la rotación de estos objetos con forma de letra constituye la base de varios juegos, incluido el Tetris .
  • Aunque no se trata de una transformación estricta, la sustitución de la "s" del plural por su casi reflejo "z" es un recurso bastante común entre algunos equipos deportivos de ligas menores en los Estados Unidos, con el fin de que los nombres de los equipos parezcan más modernos.
  • Cifrado básico , para "ocultar" la respuesta a un chiste o acertijo, por ejemplo:
Pregunta: ¿Cómo se puede distinguir a una persona introvertida de una extrovertida?
Respuesta: ˙sǝoɥs s,ʎnᵷ ɹǝɥʇo ǝɥʇ ʇɐ sʞooꞁ ʇɹǝʌoɹʇxǝ ǝɥʇ 'sɹoʇɐʌǝlǝ ǝɥʇ uı (Usando el algoritmo Revfad)
O: 'saoys s.hn6 R3HTO ayt te skool tJa^oJtxa ayt 'sJote^ala ayt uI (usando el algoritmo Albartus USD)
  • En el sistema de puntuación de béisbol , un jugador que se poncha a pesar de no haber bateado el tercer strike se indica en el libro de anotaciones oficial con una K invertida o girada. Se ha añadido a Unicode en la versión 7.0 en U+A7B0 (Ʞ).
  • En el álbum Superunknown de Soundgarden , toda mención del álbum o de la canción principal (excepto en el folleto de letras) se muestra como "Superиmoиʞи∩".
  • A principios de la década de 2000, la bebida 7Up tuvo una versión derivada, conocida como dnL , con un color y sabor significativamente diferentes, además de contener cafeína.
  • Facebook añadió el "inglés al revés" como opción de idioma en el verano de 2009.

Ejemplo de texto invertido reflejado a lo largo del eje Y:

Ejemplo: ...иiɒəɒ иɘqo x иoiƨиɘмib oɟ lɒɟɿoq ɘнɟ ɟʇɘl γbodɘмoƧ (Alguien dejó el portal a la Dimensión X abierto de nuevo...)

El poeta Darius Bacon ha escrito dos ejemplos de poesía palíndroma que se leen igual al revés que al derecho. [ 3 ]

ruso

Pregunta: ¿Cómo obtienen los flamencos su color?
Respuesta: ¿ɯǝʚǹ и̯oʚɔ ɯoıɐhʎvou oɹниꟺɐvф 𝼐ɐ𝼐

Véase también

  • Los ambigramas suelen jugar con los cambios perceptivos que se producen al invertir o rotar el texto.

Referencias

  1. Bert Bos, ed. (9 de agosto de 2007). "Modelo básico de caja CSS" . W3C . Consultado el 19 de noviembre de 2012 .
  2. ¿Puedo usar... transformaciones CSS3?
  3. Bacon, Darius. Un poema y deus am . El palindrómico n.º 4.