Grátis
Maison Vey · 16:9
Renderizado por este Skill
Título em estilhaços de vidro v1.0.0
Estilhaços de vidro iridescente chegam voando pela névoa, se encaixam no seu título, param um instante e saem voando de novo.
Ainda sem avaliações 0 downloads
- Formato
- Vídeo · 16:9
- Duração
- 0:12
Grátis Grátis com uma conta
Cole isto no seu agente. Ele conecta a CLI se necessário e instala o Skill.
Um bloco gratuito do HyperFrames para um título de luxo de 12 segundos. Seu título é cortado em estilhaços de vidro gerados por semente e renderizados em 3D com uma luz de estúdio HDR; eles entram dos dois lados, se encaixam nas palavras, ficam girando de leve e deixam o quadro vazio. Quantidade de peças, arredondamento, chanfro, tempo, caos e névoa são variáveis.
Atualizado em 2 de nov. de 2026
O que você recebe
- Um título em MP4 de 12 segundos em 1920×1080 com vidro 3D de verdade
- Seu título montado com estilhaços e depois desfeito
- Variáveis para peças, chanfro, arredondamento, tempo, caos e névoa
Ideal para
- Lançamentos de beleza, perfumaria e joias
- Nomes de coleção e títulos de produtos de luxo
- Aberturas de filmes de marcas premium
Não é para
- Slogans longos ou textos corridos
- Marcas vibrantes e divertidas que querem cores chapadas
Sobre este Skill
Você diz
/glass-shard-title Faça um título em estilhaços de vidro para o nosso perfume, "Ambre Nuit". Mantenha o tempo padrão e renderize em 1080p.
Um título que parece soprado em vidro. O Glass Shard Title rasteriza seu título, quebra o contorno dele em estilhaços de vidro e os renderiza em Three.js com um ambiente de estúdio HDR, para que as bordas peguem reflexos de verdade. Os estilhaços entram pela esquerda e pela direita através de uma névoa suave, se encaixam nas palavras, seguram por um instante com um giro lento e então se espalham, deixando o quadro limpo para a próxima cena.
Como funciona
- Peça: diga ao seu agente o que o título deve dizer: o título, geralmente o nome de um produto ou de uma coleção.
- Monte: ele coloca o bloco num projeto HyperFrames e preenche seus textos e suas cores como variáveis de renderização.
- Prévia: confere alguns quadros e então renderiza um MP4 em 1920×1080 com
npx hyperframes render. - Reaproveite: as variáveis ficam num único arquivo JSON, então um título novo ou uma marca nova é só mais uma renderização.
Dicas
- De uma a três palavras funcionam melhor; linhas longas deixam os estilhaços pequenos.
- Aumente a névoa para um visual mais onírico e escuro; diminua para um vidro nítido.
- Menos peças dão estilhaços grandes e marcantes; mais peças dão um mosaico fino.
- Combine com uma imagem do produto logo depois que os estilhaços saem.
Código aberto
Este é um bloco do registro do HyperFrames. Feito pela HeyGen e pelos colaboradores do HyperFrames (heygen-com/hyperframes) e compartilhado sob a Apache License 2.0. O download é o bloco com seus arquivos, pronto para renderizar; o HyperFrames em si roda pelo npm.
O que você precisa antes de começar
- Você fornece
- Seu título (o nome de um produto ou de uma coleção funciona melhor).
- Dependências
- Node.js 22 ou superior — obrigatório · FFmpeg — obrigatório
- Custos externos
- Nenhum. O HyperFrames é gratuito, de código aberto e renderiza no seu próprio computador.
- Último teste
- v1.0.0 —
Avaliações de usuários
Ainda não há avaliações. Instale o Skill e seja o primeiro a avaliar.
Perguntas frequentes
Precisa de placa de vídeo?
Não. Ele renderiza com o Chrome que o HyperFrames baixa, usando a GPU se houver e renderização por software se não houver. Uma renderização de 12 segundos leva cerca de um minuto num notebook.
O que a Reelity mudou?
A textura de vidro que o registro normalmente baixa na instalação já vem incluída, o GSAP e o d3-delaunay carregam do pacote em vez de um CDN, e o script 3D agora espera a cena ficar pronta, o que corrige quadros pretos em renderizações sem interface.
Por que é grátis?
É um Skill de código aberto da HeyGen e dos colaboradores do HyperFrames. Nós o listamos como está, com uma amostra feita rodando-o numa das nossas marcas da casa, a Maison Vey.
