# 3D Badge

Free browser studio for 3D app badges. Pick a shape, material, and mark, then export PNG, OBJ, or a code recipe. No account needed.

## Shapes

Badges are extruded silhouettes. Available shapes include squircle, circle, square, and hexagon. Corner radius applies on shapes that support it.

## Materials

The body uses a material preset (metal, enamel, glass, marble, sketch, and others) with tunable color, roughness, and lighting. An optional HDRI environment (from a public CDN) lights the scene.

## Marks

Three mark modes:

1. **Live type** — variable font Funkis ABC, loaded from `/fonts/FunkisABCVariable.ttf`. Weight and axes are adjustable.
2. **Icon** — Heroicons v2 solid glyphs.
3. **Logo** — built-in app marks (JW, Roam, and others shipped with the studio).

## Gallery

Published badges live in a shared Vercel Blob library (max 60). Anyone can publish from the studio. Admin delete/update requires a secret entered in the sidebar for that browser tab.

## Exports

- PNG snapshot of the canvas
- OBJ mesh
- Code brief / recipe JSON describing controls so the badge can be recreated

## Limits

The studio is a client-side WebGL app. It does not require an account. Gallery storage is shared and capped. There is no MCP server and no agent write API.