GLYPHOS Teje luz con caracteres

Haz arte ASCII

Con tus fotos, video, texto o el azar. Explora sin configurar nada, guarda lo que te guste y llévalo a tu web, a un video o a tu terminal.

Abrir el estudio

Entra foto · video · cámara · texto · azar Sale PNG · SVG · video · GIF · texto ANSI · Node · Python · HTML · React · receta

01 Espacios

Seis talleres, un solo telar.

Cada espacio afina el azar y los controles para un tipo de trabajo. Todos comparten el mismo motor, el mismo historial y la misma colección. Elige uno y míralo en vivo.

Fondos animados y discretos que pruebas bajo un titular, un párrafo y un botón antes de copiarlos como HTML, Web Component o React.

Abrir Fondos en el estudio

Ejemplo 1 de 3: Marea

02 Azar con memoria

Tira sin saber nada.
Vuelve a la que te gustó.

No hace falta saber de patrones ni de color: pulsa «Tirar» y el dado teje una pieza con su semilla legible. Sigue explorando; lo que te gustó sigue ahí, un paso atrás.

3 de 3

Abrir en el estudio

semilla coral-escena-285 · Escenas

Esta muestra recuerda tus últimos 40 resultados mientras la página está abierta. En el estudio, tu historial guarda tus últimos 1000 resultados en este navegador.

Variedad amplia. El dado trabaja con diecinueve estilos de arte, 102 patrones (con 23 objetos en 3D y 12 movimientos de partículas), escenas compuestas y paletas vivas, de cartel, pastel o de un solo tono, y evita repetirte lo que acabas de ver. No promete que una combinación no vuelva nunca.
Con memoria. Retrocede y avanza por tu historial, edita un resultado o guárdalo con ★: el historial nunca descarta lo que guardas (borrar los datos del sitio, sí). Tirar desde uno viejo añade, no borra.
Reproducible. La misma semilla, en el mismo espacio y estilo, teje la misma pieza.
Compartible. Un enlace lleva la receta completa y nada pasa por un servidor.

Hoja de contactos · una tirada por estilodiecinueve resultados reales del dado, elegidos sin retocar. Pulsa uno para tejerlo arriba.

01Escenascoral-escena-285
02Neóntelar-neon-211
03Cartelnube-cartel-433
04Cósmicofaro-cosmico-100
05Partículasfaro-particulas-100
06Op-artrombo-op-359
07Sólidostelar-solidos-211
08Curvasglifo-curvas-174
09Tinta y papelrombo-tinta-359
10Geométricomarea-geometrico-137
11Terminal retrocoral-retro-285
12Orgánicobosque-organico-548
13Calmatelar-calma-211
14Brutalistatelar-brutal-211
15Vaporsenal-vapor-322
16Glitchglifo-glitch-174
17Matemáticocoral-fractal-285
18Grabado 3Drombo-grabado-359
19Minimaleco-minimal-248

03 Salidas

Lo que haces aquí, funciona allá.

Una misma pieza, «Saturno», llevada a cinco destinos. Cada archivo de abajo es real: lo generaron, en un navegador, las mismas funciones que usa «Exportar» en el estudio. Si algo no puede ser fiel, el estudio lo dice antes.

«Saturno»: un planeta con anillos hecho de caracteres dorados, entre estrellas de glifos — En la página ves una copia WebP más ligera; el archivo exportado es el PNG que se descarga al lado.

Una imagen, dibujada de nuevo al tamaño que pides.

El PNG no es una captura ampliada: el motor vuelve a tejer la pieza a esa resolución. El SVG guarda el contorno de cada letra y se amplía sin perder nitidez.

Archivo: glyphos-saturno.png
Medidas: 1200 × 630 px («1200×630 redes»)
Peso: 554 KB
Vector: glyphos-saturno.svg · 1280 × 720 px · 228 KB

Límite: el SVG deja fuera el resplandor, el bloom y la viñeta, que no existen como vector.

Descargar el PNG Abrir el SVG

<!-- Hecho con GLYPHOS · https://glyphos-ascii.vercel.app · Licencia MIT-0: úsalo, modifícalo y véndelo sin atribución. -->
<script src="glyphos-field.js" defer></script>

<glyphos-field poster="/ex/salidas/glyphos-saturno.webp"
  style="min-height:100vh;background:#07060f"
  recipe='{"v":2,"source":"pattern","layers":[{"on":true,"pattern":"planeta…}'>
</glyphos-field>

Tu web, con la pieza viva.

Lo de arriba no es un video: es una página de ejemplo que carga el Web Component exportado y dibuja «Saturno» en tu navegador. Pasa el cursor por encima.

Archivo: glyphos-field.js · 166 KB
Incluye: el motor y sólo los patrones que usa la pieza
También: HTML para pegar y componente de React
Licencia: MIT-0: úsalo sin atribución

Límite: el motor usa WebGL 2; sin él, el código incluye un motor básico que dibuja lo mismo, más despacio. Si eliges el código ligero, sin WebGL 2 queda el color de fondo o el póster que indiques.

Abrir la página de ejemplo Ver glyphos-field.js

    .                                      .      .    .     -     -
                . .
              .       :                - - ..   .
-.     . .              . . .   ......+==+...... .               .         : .
 .                     -. ..-...##***=====+++:--...          .          .
         .             -  ...@@%%%###****==++::-.. ...                        ..
  -    .              .  ..@@@@@%%%##**==++::--..-.  ...        -
                 .      .**###***==++::+:-------..-   -#%=:. ..:==#+=+- .  .
                    .  .*===+++++++::+:::::::::--..     ......*##+%+#..=*:+*
 -             .      .:%###**===+====+++++++::--..   - ..      .####=*=.-+#:#
                  =#-*#@@@@@%%#####***===+++::--.. .     ..      =#**#=** -:*==
             **=.++*:=.**########**==+++:::--...-       ....     #*#**#::.=*::.
         =:+.+##**.  ..==++==++++:::::-------.....       ..    *####=** -+#:=  .
      ::=-+*+=+#   -...#===+++:+::::::::------:.   -   - .. =#*=*+#-+.:+*+#  .
    #:*-.:*#=:#       ..%###*#***===++++:::--...     - .*#=*****=..++#++ -
   :++-.=#+**=#=    .  .+==***=====+++:+::-...   .*#*===*:#:#..++#::+        -
  =**+: *:#:#**####:    .++:::::::-----.-+**#+*=*#*=#:+-.-++#:=#          .    .
   ==**=- :=:#*:*#=*=*****=*****#******##=+*#++#..-:==#:=:+.            .
    .#=+##+=:. .-##=::+=****===++==#=:-.--+*+#%+:==+.. .
    .    +#:=::+####*=++++++=**###=+++*:**-   . ...     -
                      -        ..-....    ........    .              .
    -      .            .  -         .        .  .                   .       .
                         .                             .         .       .. .
                .                                  .       .

Los fotogramas salen del propio script: la página lo descarga y muestra lo que imprimiría tu terminal.

Una animación que corre en tu terminal.

Un script de Node sin dependencias guarda los fotogramas y los imprime con color ANSI. Ctrl+C lo detiene y deja la terminal como estaba.

Archivo: glyphos-saturno.mjs · 38 KB
Rejilla: 80 × 24 · ANSI de 256 colores
Ritmo: 51 fotogramas a 12 fps
Necesita: Node 18 o posterior

Límite: reproduce fotogramas ya calculados, así que el archivo crece con la duración y el color. También hay script de Python, texto (.txt) y ANSI (.ans).

Descargar el script

Receta (.json): Llevatodos los ajustes de la pieza; ¿Tu imagen o video?No: sólo su tipo y medidas; Sirve parareabrirla tal cual o editarla a mano
Enlace: Llevala receta comprimida tras el «#», que no llega a ningún servidor; ¿Tu imagen o video?No, ni su nombre; Sirve paracompartir piezas de patrones, texto o azar
Proyecto (.zip): Llevala receta, tu archivo original y un LEEME.txt; ¿Tu imagen o video?Sí; Sirve parallevar la pieza completa a otro equipo

{
  "glyphos": "recipe",
  "version": 2,
  "created": "2026-09-28T16:36:16.596Z",
  "recipe": {
    "v": 2,
    "source": "pattern",
    "layers": [
      {
        "on": true,
        "pattern": "planeta",
        "blend": "normal",
        "mix": 1,
        "scale": 0.8,
        "speed": 0.8,
        "rot": 0,
        "x": 0.42,
        "y": 0,
      …

La pieza entera, en unas líneas de texto.

Una receta describe la pieza completa: pesa unos pocos KB y el estudio vuelve a tejer lo mismo al abrirla. Guárdala, edítala o envíala.

Archivo: glyphos-saturno.glyphos.json · 3 KB
Enlace: 1105 caracteres tras /ver/#r=, más el encuadre

Límite: un enlace no lleva tu imagen ni tu video: quien lo abra verá el estilo de la pieza con su patrón de fondo en su lugar. Para enviarlos, exporta el proyecto (.zip).

Abrir «Saturno» en el estudio Descargar la receta

04 Guías

Qué puedes hacer.

Cinco trabajos concretos, paso a paso: qué sale, en qué formatos y con qué límites. Cada guía trae un ejemplo hecho en el estudio: pásale el cursor o tócala para verlo.

05 Oficio

Hecho con cuidado.

Lo que GLYPHOS hace con tus archivos, tu tiempo y tu equipo, y cómo comprobarlo tú.

Privacidad: Tus fotos y videos se procesan en tu navegador. No hay subida, ni cuentas, ni servidores de por medio.; Compruébalo: abre la pestaña Red de tu navegador y carga una foto en el estudio. La política de seguridad del sitio sólo permite conexiones a este mismo dominio.
Cámara y micrófono: Se piden sólo cuando pulsas «Activar cámara» o el micrófono, y la cámara se apaga al cambiar de fuente.; Tu navegador te pregunta antes de encenderlos, y su indicador te dice cuándo están activos.
Guardado: Tu historial (los últimos 1000 resultados), tu colección y tus ajustes se quedan en este navegador. El historial nunca descarta lo que guardas con ★.; El estudio muestra siempre el contador. Borrar los datos del sitio lo borra todo: para tener copia, «Guardar colección» (.zip, con sus imágenes y videos) o guarda la sesión en un archivo.
Movimiento: Con «reducir movimiento» activado, el estudio empieza en pausa, las transiciones son instantáneas y esta página se queda quieta.; Actívalo en los ajustes de accesibilidad de tu sistema y recarga. Aquí también puedes pausar todo desde la cabecera.
Rendimiento: Los lienzos se detienen fuera de pantalla y bajan su resolución si los fotogramas se retrasan. Sin WebGL 2, un motor básico dibuja lo mismo, más lento.; Medido en laboratorio, no en tu equipo: pruébalo en los equipos de tu público.
Accesibilidad: Teclado para cada control, foco visible, textos alternativos y objetivos táctiles de 44 px en teléfonos, revisados con axe.; Es trabajo continuo, no una certificación. Si algo te estorba, cuéntalo en el repositorio.
Licencias: Lo que creas es tuyo. El código que exportas es MIT-0, sin atribución; el del editor, MIT; las tipografías, OFL.; Licencia y uso lo explica, y el código fuente está abierto.

Empieza a tejer.