> ## 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.

# 3D Digital Trophies

> Interactive digital trophies that give visual form to every achievement. Free on every plan.

## What are Trophy Models (TMs)?

TMs are 3D digital trophies that represent achievements in a visual, memorable, and verifiable way. Each TM is interactive: the recipient can rotate, zoom, and explore the model directly in the browser, on any device.

Unlike a PDF or a static image, a TM turns recognition into a more visual, engaging, and shareable experience.

<Tip>
  TMs are **free on every plan**. Create or customize as many models as you want at no additional cost.
</Tip>

## How to create a TM

Our 3D editor offers advanced customization with real-time preview:

### Geometry

* **Extrusion** depth
* Configurable **bevel**: size and thickness
* Per-layer or per-path group adjustments

### Materials (2 modes)

| Mode          | Description                                                                                     |
| ------------- | ----------------------------------------------------------------------------------------------- |
| **Realistic** | Full PBR material with solid or gradient color, roughness, metallic, clearcoat, and iridescence |
| **Glass**     | Material with transmission and refraction, ideal for a crystalline effect                       |

### Textures

You can use over 15 ready-made presets or import your own texture. Each texture can be adjusted in intensity, scale, and tint for more personalized results.

### Lighting and effects

* HDR environments with configurable intensity
* Contact shadows with position, opacity, and blur controls
* Bloom/neon

### Animations

There are 5 animation presets for export and display:

| Preset              | Effect                                        |
| ------------------- | --------------------------------------------- |
| None                | Static model with orbital interaction         |
| Continuous rotation | Front spin on the vertical or horizontal axis |
| Smooth spin         | Rotation with easing                          |
| Bounce              | Oscillation with squash/stretch               |
| Breath              | Scale pulse, no rotation                      |

### 3D Text

Add text to the trophy with custom font, spacing, inclination, and independent material.

## Drafts

The editor automatically saves your work on every change. Drafts remain available for **24 hours** and appear on the editor page, sorted from most recent to oldest.

When a trophy is published, the corresponding draft is finalized automatically.

## Export formats

| Item             | Detail                               |
| ---------------- | ------------------------------------ |
| **Format**       | MP4                                  |
| **Watermark**    | Present for issuers on the FREE plan |
| **Resolution**   | 2K at 30 fps                         |
| **Aspect ratio** | 1:1, 16:9, and 9:16                  |
| **Animation**    | 4 presets available                  |

## 3D Viewer and external embed

Trophies are rendered in the browser via WebGL with Three.js and can be displayed on external websites through iframe embedding. The experience is compatible with desktop, tablet, and mobile.

The public viewer (`/e/[eventId]/b/[badgeId]`) supports customization parameters via URL:

* **The badge must be linked to an event**
* Fixed or responsive dimensions
* Background with badge color, transparent, or custom color
* Animation with any preset or disabled
* Event and issuer information: full, summarized, or disabled
* Watermark: full, summarized, or disabled
* Fullscreen mode

<Tip>
  For the best viewing experience, we recommend up-to-date browsers such as Chrome, Safari, Firefox, and Edge.
</Tip>

## Next steps

<CardGroup cols={3}>
  <Card title="TM Creator" icon="wand-magic-sparkles" href="/en/for-issuers/badge-creator">
    See the details of each creation path.
  </Card>

  <Card title="TM Gallery" icon="images" href="/en/for-issuers/badge-gallery">
    Manage your published trophies.
  </Card>

  <Card title="Create event" icon="calendar-plus" href="/en/for-issuers/create-event">
    Create an event to issue achievements.
  </Card>
</CardGroup>