O que 3d-logo faz?
Crie um efeito 3D de moeda/medalha giratória a partir de qualquer imagem de logotipo usando React Three Fiber. Detecta automaticamente o contorno, remove fundos sólidos, constrói uma moeda com borda cromada e adiciona reflexos de ambiente. Use para logotipo 3D, logotipo giratório, efeito de moeda ou animação de medalha.
Visão Geral
Esta skill permite transformar imagens de logotipo em elementos 3D elegantes, como moedas ou medalhas giratórias. Ela utiliza React Three Fiber para renderização 3D e processamento de imagem para:
- Detecção automática de contorno
- Remoção de fundo sólido
- Criação de geometria de moeda com borda cromada
- Reflexos de ambiente realistas
- Animação de rotação contínua
Pré-requisitos
- Node.js (v14 ou superior)
- React Three Fiber configurado
- Pacotes necessários (instalados automaticamente pela skill)
Como Usar
- Forneça o caminho ou URL da imagem do logotipo.
- A skill processará a imagem e gerará o componente 3D.
- O resultado será um componente React que exibe a moeda giratória.
Exemplo
import { Coin } from './Coin';
function App() {
return (
<div style={{ width: '400px', height: '400px' }}>
<Coin logo="caminho/para/logo.png" />
</div>
);
}
Parâmetros
| Parâmetro | Tipo | Descrição |
|---|---|---|
logo | string | Caminho ou URL da imagem do logotipo |
width | number (opcional) | Largura da moeda (padrão: 2) |
height | number (opcional) | Altura/espessura da moeda (padrão: 0.2) |
speed | number (opcional) | Velocidade de rotação (padrão: 1) |
Personalização
- Borda cromada: Ajuste a cor e o brilho da borda.
- Reflexos: Modifique a intensidade e cor dos reflexos de ambiente.
- Animação: Altere a velocidade e direção da rotação.
Suporte
Para dúvidas ou sugestões, consulte a documentação oficial do React Three Fiber.