Efectos de estado Charcoal

Efectos de estado Charcoal es un conjunto de 12 marcos de estado e indicadores de tiempo dibujados en estilo dibujo a mano, donde cada borde se muestrea y se desplaza un poco, así que ninguna línea es realmente recta. Contiene marcos de mejora, perjuicio y neutro, marcos permanente y por expirar, cinco pasos del anillo de duración, una barra de duración y una insignia de acumulación.

Un icono de mejora está en pantalla tres segundos y el jugador nunca lo mira de frente: lo capta por el rabillo del ojo. Eso descarta la solución habitual: un borde verde para lo bueno y uno rojo para lo malo se cae en los modos para daltónicos y choca con los colores que el propio juego ya usa en ese HUD.

El temblor es determinista y no aleatorio: la misma caja tiembla igual en cada build, y eso es lo que le permite vivir en control de versiones. El sombreado es rayado cruzado, porque un degradado bajo una línea dibujada se lee como un filtro en vez de como una mano.

Dentro de ese estilo, esta es la lectura de Charcoal: una interfaz de tema oscuro sobre una paleta gris humo con acentos en naranja brasa, construida en torno a un marco de borde único, botones con forma de pestaña de 160x52, barras de núcleo hueco divididas en 7 segmentos e iconos a dos tintas sobre una rejilla de 24px. Esas medidas son la razón por la que dos familias pueden compartir un estilo artístico sin ser intercambiables: el estilo decide cómo se dibuja un borde, los números deciden para qué sirve la interfaz.

Mejora y perjuicio se separan en cambio por la forma. El marco de mejora empuja sus esquinas hacia fuera y el de perjuicio las pliega hacia dentro: uno crece, el otro come. Ambos sobreviven a una captura en escala de grises. La duración es un anillo alrededor del icono y no una barra debajo, porque una barra empuja cada icono unos píxeles hacia abajo y rompe la fila. Los anillos llegan en cinco pasos y no como un sprite porque la mayoría de motores no pueden recortar un SVG en tiempo de ejecución: un anillo que se llena es un shader o un atlas de pasos, y el atlas funciona en todas partes. Los marcos llegan vacíos: tu propio icono de efecto va en el centro.

Cada sprite viene como SVG editable y como PNG transparente en 1x, 2x y 4x, así que puedes soltar los PNG directamente en un motor o abrir el vector y cambiar un color. Dibujado con las mismas medidas que el resto de la familia Charcoal, lo que significa que este kit y el kit de paneles de Charcoal encajan sin redimensionar ninguno. Encaja bien en juegos de cuaderno y de cuento ilustrado.

Creative Commons Atribución 4.0 — Gratis para uso comercial. Atribución obligatoria. Términos completos · Qué significa en la práctica