Resumen
Una tarjeta de imagen es una imagen que Petto dibuja para un mensaje: el avatar y el nombre del miembro, la cantidad de miembros del servidor, una barra de progreso o cualquier otra variable. Crea tarjetas en el dashboard en Tarjetas de imagen, y luego elige una en un embed guardado.
Dashboard → Diseño → Tarjetas de imagen: la lista de tarjetas a la izquierda, la vista previa grande que dibuja Petto con las imágenes subidas debajo, y los ajustes del editor básico a la derecha.
Dónde se envían las tarjetas
Un embed guardado que tiene una tarjeta la envía con:- Mensajes de bienvenida, de despedida y de boost
- Tickets
- Mensajes de sorteos
- Mensajes de subida de nivel (opción
cardde!level notify) - Autorrespuestas
!embed send- Mensajes de sanciones, starboard, verificación y bump que usan un embed guardado
!rank se configuran con !level rank-style <style> [card].
Pon una tarjeta en cualquier parte: {imgcard:name}
Escribe {imgcard:name} en cualquier texto de un mensaje y Petto dibuja la tarjeta llamada name y la envía con el mensaje. Funciona en el texto, en un embed, en un diseño de Components V2, en un código de embed, en una autorrespuesta, en un comando personalizado y en los mensajes de bienvenida, despedida y boost. El token en sí se quita del texto.
{imgcard:name|attachment} la envía por separado, arriba de todo. Solo cuenta el primer {imgcard:...} de un mensaje. Los nombres de tus tarjetas están en el dashboard, en Tarjetas de imagen.
En Discord: un mensaje de bienvenida con {imgcard:welcome}, dibujado para el miembro que entró.
En Discord: {imgcard:welcome|attachment}: la tarjeta va sola, encima del texto.
Texto en una tarjeta
Cada capa de texto de una tarjeta acepta variables, que se rellenan con el miembro del que trata el mensaje:
Un nombre largo se hace más pequeño (hasta el 55% de su tamaño) y se corta con puntos suspensivos si aun así no cabe, así que nunca pasa por encima de la línea siguiente. También se dibujan nombres con emoji, letras árabes o hebreas.
Tipos
Cada tarjeta es una tarjeta de bienvenida o una tarjeta de rank. Las tarjetas de rank pueden usar la capa Barra de progreso, que se llena con el progreso del miembro hacia el siguiente nivel.
Dashboard → Diseño → Tarjetas de imagen: una tarjeta de rango, con el nivel, la XP y la barra de progreso.
La tarjeta de subida de nivel
El diseño Subida de nivel de una tarjeta de rango está hecho para el mensaje de subida de nivel: el avatar, el nombre, una etiqueta#puesto, “Ahora estás en el Top 2.5%” y un hexágono del nivel anterior al nuevo. Elígelo en el editor de tarjetas (la tarjeta queda ancha y baja) y usa la tarjeta en el mensaje de subida de nivel.
Dashboard → Diseño → Tarjetas de imagen: el diseño Level-up, con los interruptores de la decoración del avatar y la placa.
Este diseño no dibuja la etiqueta de servidor; sus variables siguen disponibles para cualquier otra tarjeta.
Decoración que se mueve (Premium): si la decoración del miembro es animada, la tarjeta sale como una imagen animada con la decoración moviéndose. Sin Premium, o cuando la decoración no se mueve, la tarjeta muestra la decoración quieta. La vista previa del dashboard siempre es quieta. Discord decide cómo muestra una imagen animada que envía un bot, así que pruébalo en tu servidor antes de confiar en ello.
Estas son las variables que lo hacen posible, para cualquier capa de texto o imagen de una tarjeta:
En el editor avanzado (Premium) cada capa también puede tener Mostrar solo si (la capa se dibuja solo cuando ese valor no está vacío, por ejemplo
{user.server_tag}) y puede seguir a otras capas (empieza después del borde derecho de la primera que se dibujó, así una etiqueta siempre queda junto al nombre, sin importar su largo). Los textos pueden tener una píldora detrás y un límite de líneas, y las formas incluyen un hexágono.
Diseños incluidos
Petto trae 34 diseños listos en cuatro familias, además de las dos imágenes de las tarjetas de rank por defecto. Un diseño es una imagen de fondo con sus propios colores de texto y un panel teñido detrás del texto, así que cualquier nombre se lee bien. Todos están dibujados para los diseños de bienvenida, despedida, rank y subida de nivel.Elegir un diseño
Abre una tarjeta en el dashboard, en Tarjetas de imagen. La sección Diseños tiene un buscador, un botón por cada familia y una imagen pequeña de cada diseño. Pulsa uno: se ponen la imagen de fondo, los colores del texto y el panel, y la vista previa se redibuja. Puedes cambiar cualquiera después. Un diseño es solo un punto de partida: el diseño de la tarjeta, los textos, la fuente y los colores siguen siendo tuyos. Un diseño se guarda en la tarjeta como su imagen de fondo,petto:<id>. En el campo Imagen de fondo (o en una capa de imagen del editor avanzado) también puedes escribir el id, por ejemplo petto:fruit-strawberry. Una tarjeta que apunta a un diseño que no existe, o cuya imagen de fondo no se puede cargar, se dibuja con el diseño por defecto (nature-night, o rank-default en las tarjetas de rank) en vez de fallar.
Animales
La familia Animales.
Frutas
La familia Frutas.
Flores
La familia Flores.
Naturaleza
La familia Naturaleza.
Las dos imágenes que había antes de la galería siguen ahí como Clásicos de Petto:
rank-default (el durazno y el morado de la tarjeta de rank por defecto) y rank-voice (el verde azulado de la tarjeta de rank de voz).
Arte y licencias
Cada diseño es arte original dibujado por el propio código de Petto (el generador está en el repositorio del bot,scripts/designs), no copiado de ningún sitio, así que no hay nada que acreditar ni licencia de terceros para las imágenes. Los únicos archivos externos son las letras árabes y hebreas de las fuentes de las tarjetas (Noto Sans, licencia SIL Open Font 1.1, indicadas en las licencias de fuentes del repositorio del bot). Cada diseño pesa menos de 30 KB (unos 600 KB todo el conjunto) y Petto lo lee del disco solo cuando se dibuja una tarjeta que lo usa.
Gratis y Premium
Dashboard → Diseño → Tarjetas de imagen: el editor de capas (Premium): cada elemento de la tarjeta es una capa.
Imágenes
Un fondo o cualquier imagen puede venir de un enlacehttps o subirse en el dashboard. Los enlaces solo se descargan desde el internet público.
Dashboard → Diseño → Tarjetas de imagen: las imágenes subidas por el servidor, con lo que usan del límite.