Pular para o conteúdo principal

Visão geral

Um cartão de imagem é uma imagem que o Petto desenha para uma mensagem: o avatar e o nome do membro, a quantidade de membros do servidor, uma barra de progresso ou qualquer outra variável. Crie cartões no dashboard em Cartões de imagem e depois aponte um embed salvo para um deles.
A página Cartões de imagem do Petto Land: uma lista de quatro cartões, o de boas-vindas escolhido com a prévia grande, as imagens enviadas embaixo e as configurações de tamanho e fundo à direita

Dashboard → Design → Cartões de imagem: a lista de cartões à esquerda, a prévia grande desenhada pelo Petto com as imagens enviadas embaixo, e as configurações do editor básico à direita.

Onde os cartões são enviados

Um embed salvo que tem um cartão o envia com:
  • Mensagens de boas-vindas, de saída e de impulso
  • Tickets
  • Mensagens de sorteio
  • Mensagens de subida de nível (opção card do !level notify)
  • Respostas automáticas
  • !embed send
  • Mensagens de punições, starboard, verificação e bump que usam um embed salvo
Um cartão também funciona em um design de Components V2: ele aparece como uma imagem no topo do primeiro contêiner, ou no topo da mensagem se o design não tiver contêiner. Escolha o cartão no design do mesmo jeito que em um embed clássico. Os cards de rank do !rank são definidos com !level rank-style <style> [card].

Coloque um cartão em qualquer lugar: {imgcard:name}

Escreva {imgcard:name} em qualquer texto de uma mensagem e o Petto desenha o cartão chamado name e o envia com a mensagem. Funciona no texto, em um embed, em um design de Components V2, em um código de embed, em uma resposta automática, em um comando personalizado e nas mensagens de boas-vindas, de saída e de impulso. O próprio token é removido do texto.
Por padrão, a imagem vai dentro do primeiro embed (ou no topo do primeiro contêiner de um design V2). {imgcard:name|attachment} a envia sozinha acima de tudo. Só o primeiro {imgcard:...} de uma mensagem conta. Os nomes dos seus cartões estão no dashboard, em Cartões de imagem.
O Petto dá boas-vindas a Chillet com um embed e um cartão dentro: o título, o avatar e o nome de Chillet e a contagem de membros

No Discord: uma mensagem de boas-vindas com {imgcard:welcome}, desenhada para o membro que entrou.

O Petto dá boas-vindas a shi com um texto e, como imagem anexa, o cartão de boas-vindas com o avatar e o nome de shi

No Discord: {imgcard:welcome|attachment}: o cartão vai sozinho, acima do texto.

Texto em um cartão

Toda camada de texto de um cartão aceita variáveis, preenchidas com o membro de quem a mensagem trata: Um nome longo fica menor (até 55% do tamanho) e é cortado com reticências se ainda não couber, então nunca passa por cima da linha seguinte. Nomes com emoji, letras árabes ou hebraicas também são desenhados.

Tipos

Todo cartão é um cartão de boas-vindas ou um cartão de rank. Os cartões de rank podem usar a camada barra de progresso, que se preenche com o progresso do membro até o próximo nível.
O cartão de rank escolhido: a prévia com o nível 12 de liam, a XP, a posição e uma barra de progresso, e os layouts de rank

Dashboard → Design → Cartões de imagem: um cartão de rank, com o nível, a XP e a barra de progresso.

O cartão de subida de nível

O layout Subida de nível de um cartão de rank foi feito para a mensagem de subida de nível: o avatar, o nome, uma etiqueta #posição, “Agora você está no Top 2.5%” e um hexágono do nível anterior para o novo. Escolha-o no editor de cartões (o cartão fica largo e baixo) e use o cartão na mensagem de subida de nível.
O cartão levelup escolhido: um cartão largo com o avatar de liam, o chip da posição, o top por cento e o hexágono do nível 11 ao 12

Dashboard → Design → Cartões de imagem: o layout Level-up, com os interruptores da decoração do avatar e da placa.

Dois interruptores adicionam o que o Discord mostra em volta de uma pessoa. Cada um só aparece quando o membro o tem no Discord: Este layout não desenha a tag de servidor; suas variáveis continuam disponíveis para qualquer outro cartão. Decoração que se move (Premium): se a decoração do membro é animada, o cartão sai como uma imagem animada com a decoração se movendo. Sem Premium, ou quando a decoração não se move, o cartão mostra a decoração parada. A prévia do dashboard é sempre parada. O Discord decide como mostra uma imagem animada enviada por um bot, então teste no seu servidor antes de confiar nisso. Estas são as variáveis por trás disso, para qualquer camada de texto ou imagem de um cartão: No editor avançado (Premium) cada camada também pode ter Mostrar só se (a camada é desenhada só quando esse valor não está vazio, por exemplo {user.server_tag}) e pode seguir outras camadas (começa depois da borda direita da primeira que foi desenhada, então uma tag fica sempre ao lado do nome, não importa o tamanho). Os textos podem ter uma pílula atrás e um limite de linhas, e as formas incluem um hexágono.

Designs incluídos

O Petto vem com 34 designs prontos em quatro famílias, além das duas imagens dos cartões de rank padrão. Um design é uma imagem de fundo com as próprias cores de texto e um painel tingido atrás do texto, então qualquer nome fica legível. Todos são desenhados para os layouts de boas-vindas, despedida, rank e subida de nível.

Escolher um design

Abra um cartão no dashboard, em Cartões de imagem. A seção Designs tem uma busca, um botão para cada família e uma imagem pequena de cada design. Clique em um: a imagem de fundo, as cores do texto e o painel são definidos e a prévia é redesenhada. Você pode mudar qualquer um depois. Um design é só um ponto de partida: o layout, os textos, a fonte e as cores continuam sendo seus. Um design é salvo no cartão como a imagem de fundo, petto:<id>. No campo Imagem de fundo (ou em uma camada de imagem do editor avançado) você também pode digitar o id, por exemplo petto:fruit-strawberry. Um cartão que aponta para um design que não existe, ou cuja imagem de fundo não carrega, é desenhado com o design padrão (nature-night, ou rank-default nos cartões de rank) em vez de falhar.

Animais

Nove designs de animais: um patinho, um gato, uma raposa, um coelhinho, um panda, um sapinho, um ursinho, um pinguim e um ouriço

A família Animais.

Frutas

Oito designs de frutas: morango, pêssego, limão, melancia, cerejas, laranja, mirtilos e abacaxi

A família Frutas.

Flores

Sete designs de flores: flor de cerejeira, rosa, lavanda, girassol, margarida, tulipas e lótus

A família Flores.

Natureza

Dez designs de natureza: noite estrelada, aurora boreal, oceano, floresta com neblina, entardecer no deserto, galáxia, folhas de outono, neve, pôr do sol e uma nuvem arco-íris

A família Natureza.

As duas imagens que existiam antes da galeria continuam lá como Clássicos do Petto: rank-default (o pêssego e roxo do cartão de rank padrão) e rank-voice (o verde-azulado do cartão de rank de voz).

Arte e licenças

Cada design é arte original desenhada pelo próprio código do Petto (o gerador está no repositório do bot, scripts/designs), não copiada de nenhum site, então não há nada a creditar nem licença de terceiros para as imagens. Os únicos arquivos externos são as letras árabes e hebraicas das fontes dos cartões (Noto Sans, licença SIL Open Font 1.1, indicadas nas licenças de fontes do repositório do bot). Cada design pesa menos de 30 KB (cerca de 600 KB o conjunto todo) e o Petto o lê do disco só quando um cartão que o usa é desenhado.

Gratuito e Premium

O editor avançado do cartão de boas-vindas: a prévia, os botões para adicionar um texto, uma imagem, um avatar, uma forma ou uma barra de progresso, e a lista de camadas

Dashboard → Design → Cartões de imagem: o editor de camadas (Premium): cada elemento do cartão é uma camada.

Um cartão que usava recursos Premium continua funcionando com as configurações básicas se o Premium acabar.

Imagens

Um fundo ou qualquer imagem pode vir de um link https ou ser enviado no dashboard. Os links só são buscados na internet pública.
Imagens enviadas 2 de 50, 1,4 de 100 MB: um banner rosa e um céu estrelado

Dashboard → Design → Cartões de imagem: as imagens enviadas pelo servidor, com o que usam do limite.