Escribir todos los días: la llama de tu racha de escritura

Actualizado el 15 de octubre de 2026: el Fénix despliega alas de pájaro que nacen del fuego, la estrella de la Corona se enciende en el corazón de la llama, llega la llama amable para quien prefiere escribir sin contar días y la tarjeta tiene modo claro.

Escribir todos los días se sostiene mejor cuando el esfuerzo se ve. En Style Optimizer cada día que escribes alimenta una llama: empieza como una chispa, crece con la constancia y cambia de forma al cruzar ciertos hitos. La encuentras en tu Inicio y, en pequeño, junto a tu nombre en los Rankings.

Este artículo explica qué mide esa racha de escritura, qué le ocurre a la llama cuando un día no escribes y cómo la dibujamos en el navegador con WebGL. Antes, puedes jugar con ella: mueve los días escritos y salta de una fase a otra.

Qué es una racha de escritura

Una racha es el número de días seguidos en los que has escrito algo en el editor. Basta con un día con palabras nuevas para que cuente; la extensión la decides tú. Lo que la racha premia es la continuidad, que es lo que convierte la escritura en hábito: volver a la página cuando apetece y también cuando no.

Un contador funciona, pero dice poco. Treinta y siete es una cifra; una hoguera que ya llena el panel se entiende sin leerla. Por eso la racha tiene una imagen, y la imagen es un fuego: se alimenta a diario, crece despacio y, si lo descuidas un día, se apaga.

Las once fases de la llama

Entre un hito y el siguiente la llama crece un poco cada día. Al cruzar un hito cambia de forma, para que el avance se note de un vistazo:

1. Chispa (1 día). Una llama de vela. Basta con escribir hoy.
2. Llama (3 días). Tres lenguas pequeñas sobre la primera brasa.
3. Hoguera (7 días). Una semana: el fuego ya se sostiene solo.
4. Fogata (14 días). Más lenguas y las primeras chispas que suben.
5. Incendio (30 días). Un mes: el fuego llena el panel.
6. Columna (50 días). Un chorro de fuego vertical sale del centro.
7. Fuego azul (100 días). El núcleo pasa a blanco azulado y saltan chispas azules.
8. Torbellino (150 días). La columna empieza a girar y el fuego sube en espiral.
9. Corona (250 días). En el corazón del fuego nace una estrella con su corona de plasma.
10. Fénix (365 días). Un año: el fuego despliega dos alas de fénix que aletean despacio.
11. Supernova (1000 días). Mil días: la estrella estalla en ondas de luz, filamentos y una nebulosa de color.

Qué pasa si un día no escribes

La racha mide días seguidos, así que un día sin escribir la devuelve a cero, y la llama se apaga con ella: la llama es la racha. Cuando vuelves a escribir, se enciende una chispa nueva y el fuego empieza otra vez desde el principio.

Lo conseguido no se borra: tu récord guarda la racha más larga que has tenido y queda a la vista como la marca que superar.

Si prefieres escribir sin marcador: la llama amable

A algunas personas un contador las empuja; a otras les pesa. Para quien prefiere escribir a su ritmo, la tarjeta del fuego tiene una segunda forma: la llama amable. Es una llama azulada y cálida, siempre del mismo tamaño y más lenta, que te recibe con un «Hola de nuevo» en lugar de días, récords e hitos.

Se elige con la ruedecita de la tarjeta, en Inicio, o en Mi cuenta → La app. Tus días escritos se siguen guardando: puedes volver a la racha cuando quieras y los días se cuentan igual.

Dónde ves tu llama

• En Inicio. El panel grande muestra la llama animada, los días de racha, tu récord y la línea de hitos con el siguiente objetivo. Si la racha se ha cortado, el panel te invita a encender una chispa nueva.
• En los Rankings. Junto a cada escritor aparece una llama pequeña con sus días seguidos de escritura. Es la única información de la racha que se hace pública: las fechas en que escribiste, nunca lo que escribiste.
• En claro y en oscuro. La tarjeta sigue el tema de la app. Sobre papel claro, el núcleo blanco pasa a oro (o a un azul intenso desde los cien días) y los bordes, a rojo vivo, para que el fuego se vea igual de bien.

Cómo la dibujamos con WebGL

La llama es un shader de fragmentos: un pequeño programa que la tarjeta gráfica ejecuta una vez por cada píxel del lienzo, sesenta veces por segundo. Cada píxel decide su color según dónde está y en qué instante; el fuego sale de sumar esas decisiones.

Ruido que sube

La materia del fuego es ruido fractal (fBm): varias capas de ruido suave, cada una al doble de frecuencia y la mitad de intensidad que la anterior. Desplazamos ese ruido hacia arriba con el tiempo, y la textura parece trepar. Usamos tres capas a escalas distintas: una mueve el cuerpo de la llama de lado a lado, otra recorta las lenguas y la tercera añade el chisporroteo fino del borde.

Un perfil que se estrecha

Al ruido le aplicamos una silueta: ancha y densa en la base, cada vez más estrecha con la altura. El alto y el ancho de esa silueta salen de la racha, de modo que una Chispa ocupa una fracción mínima del lienzo y un Incendio casi todo.

Una rampa de color

El valor resultante se traduce a color con una rampa que va de la brasa al núcleo. A los cien días el núcleo pasa de blanco cálido a blanco azulado, que es lo que distingue al Fuego azul:

vec3 brasa = vec3(0.38, 0.04, 0.02), naranja = vec3(0.97, 0.32, 0.05), oro = vec3(1.0, 0.74, 0.22);

vec3 nucleo = mix(vec3(1.0, 0.96, 0.84), vec3(0.76, 0.92, 1.0), uAzul);

vec3 c = mix(brasa, naranja, smoothstep(0.02, 0.32, f));

c = mix(c, oro, smoothstep(0.32, 0.7, f));

c = mix(c, nucleo, smoothstep(0.78, 1.15, f));

Formas nuevas en cada hito

Los cambios de fase son variaciones de la misma función, todas dentro del shader. La Columna añade un chorro estrecho que se afila hacia arriba, y el Torbellino lo retuerce en hélice con bandas de luz que suben girando. La Corona enciende una estrella en el corazón del fuego, atravesada por la espiral: un disco con filamentos de plasma que se funden con las llamas. Las alas del Fénix nacen del cuerpo de la llama: un brazo sube en diagonal hacia fuera y de él cuelgan doce plumas, más largas en la punta, como las primarias de un ave; el ala entera aletea despacio. La Supernova suma luz encima del fuego: un núcleo cegador, tres ondas de choque que se abren una tras otra, filamentos y una nebulosa de color.

Sobre el lienzo, el CSS solo pone el halo y las chispas, que en la Supernova salen disparadas en todas direcciones. Las chispas siguen un azar con semilla, así que la misma racha produce siempre el mismo dibujo.

Ligera y accesible

• El shader se pinta a media resolución. El fuego es difuso por naturaleza y así cuesta la cuarta parte.
• La animación se detiene cuando el panel sale de la pantalla.
• Si tu sistema pide reducir el movimiento, la llama se muestra como un fotograma fijo y sin chispas.
• En navegadores sin WebGL, unas lenguas de CSS dibujan una versión más sencilla del mismo fuego.

Cómo mantener la racha de escritura

• Pon un mínimo pequeño. Un párrafo cuenta. El día que escribes poco también alimenta la llama.
• Ata la escritura a algo que ya haces. Después del café o antes de cerrar el ordenador: un momento fijo pide menos fuerza de voluntad.
• Deja una frase a medias. Al día siguiente sabrás por dónde seguir.
• Mira el siguiente hito. Inicio te dice cuántos días faltan para la siguiente fase; es un objetivo concreto y cercano.

Preguntas frecuentes

¿Qué cuenta como día escrito?

Cualquier día en que el editor de Style Optimizer registre palabras nuevas en tus documentos.

¿Puedo recuperar una racha perdida?

La racha vuelve a empezar desde uno, y la llama con ella, desde la chispa. Tu récord se conserva.

¿Mi récord se borra?

Tu récord guarda la racha más larga que has tenido y nunca baja.

¿Quién ve mi racha?

Tú, en Inicio. Si apareces en los Rankings, el resto de escritores ve tus días seguidos junto a tu nombre; el contenido de lo que escribes es siempre privado.

¿Puedo dejar de ver la racha?

Sí. Cambia a la llama amable con la ruedecita de la tarjeta o en Mi cuenta → La app: verás una llama que te recibe sin contar días.

Abre el editor y escribe unas líneas hoy: es todo lo que necesita la primera chispa.