> ## Documentation Index
> Fetch the complete documentation index at: https://docs.thatsme.com.br/llms.txt
> Use this file to discover all available pages before exploring further.

# Troféus Digitais 3D

> Troféus digitais interativos que dão forma visual a cada conquista. Gratuitos em todos os planos.

## O que são Trophy Models (TMs)?

TMs são troféus digitais 3D que representam conquistas de forma visual, memorável e verificável. Cada TM é interativo: o destinatário pode girar, ampliar e explorar o modelo diretamente no navegador, em qualquer dispositivo.

Diferentemente de um PDF ou de uma imagem estática, o TM transforma o reconhecimento em uma experiência mais visual, envolvente e compartilhável.

<Tip>
  TMs são **gratuitos em todos os planos**. Crie ou personalize quantos modelos quiser sem custo adicional.
</Tip>

## Como criar um TM

Nosso editor 3D oferece personalização avançada com pré-visualização em tempo real:

### Geometria

* **Profundidade** de extrusão
* **Bevel** configurável: tamanho e espessura
* Ajustes por camada ou por grupo de caminhos

### Materiais (2 modos)

| Modo         | Descrição                                                                                              |
| ------------ | ------------------------------------------------------------------------------------------------------ |
| **Realista** | Material PBR completo, com cor sólida ou gradiente, rugosidade, metalicidade, clearcoat e iridescência |
| **Vidro**    | Material com transmissão e refração, ideal para efeito cristalino                                      |

### Texturas

Você pode usar mais de 15 presets prontos ou importar a própria textura. Cada textura pode ser ajustada em intensidade, escala e tonalidade para criar resultados mais personalizados.

### Iluminação e efeitos

* Ambientes HDR com intensidade configurável
* Sombras de contato com controle de posição, opacidade e desfoque
* Bloom/neon

### Animações

Há 5 presets de animação para exportação e visualização:

| Preset           | Efeito                                      |
| ---------------- | ------------------------------------------- |
| Nenhum           | Modelo estático, com interação orbital      |
| Rotação contínua | Giro frontal no eixo vertical ou horizontal |
| Giro suave       | Rotação com easing                          |
| Bounce           | Oscilação com squash/stretch                |
| Respiração       | Pulso de escala, sem rotação                |

### Texto 3D

Adicione textos ao troféu com fonte personalizada, espaçamento, inclinação e material independente.

## Rascunhos

O editor salva automaticamente o trabalho a cada alteração. Os rascunhos ficam disponíveis por **24 horas** e aparecem na página do editor, ordenados do mais recente para o mais antigo.

Quando um troféu é publicado, o rascunho correspondente é finalizado automaticamente.

## Formatos de exportação

| Item          | Detalhe                               |
| ------------- | ------------------------------------- |
| **Formato**   | MP4                                   |
| **Watermark** | Presente para emissores no plano FREE |
| **Resolução** | 2K a 30 fps                           |
| **Proporção** | 1:1, 16:9 e 9:16                      |
| **Animação**  | 4 presets disponíveis                 |

## Visualizador 3D e embed externo

Os troféus são renderizados no navegador via WebGL com Three.js e podem ser exibidos em sites externos por meio de embed via iframe. A experiência é compatível com desktop, tablet e celular.

O visualizador público (`/e/[eventId]/b/[badgeId]`) suporta parâmetros de personalização via URL:

* **A badge deve estar vinculada a um evento**
* Dimensões fixas ou responsivas
* Fundo com cor do badge, transparente ou cor personalizada
* Animação com qualquer preset ou desativada
* Informações do evento e do emissor: completas, resumidas ou desativadas
* Marca d'água: completa, resumida ou desativada
* Modo de tela cheia

<Tip>
  Para uma melhor experiência de visualização, recomendamos o uso de navegadores atualizados, como Chrome, Safari, Firefox e Edge.
</Tip>

## Próximos passos

<CardGroup cols={3}>
  <Card title="Criador de TMs" icon="wand-magic-sparkles" href="/para-emissores/loja">
    Veja os detalhes de cada caminho de criação.
  </Card>

  <Card title="Galeria de TMs" icon="images" href="/para-emissores/galeria-de-tms">
    Gerencie seus troféus publicados.
  </Card>

  <Card title="Criar evento" icon="calendar-plus" href="/para-emissores/criar-evento">
    Crie um evento para emitir conquistas.
  </Card>
</CardGroup>