Como ele é
Imagine estar dentro de uma nuvem de tempestade à noite. O fundo é um céu cinza-escuro com textura de fumaça, e três focos de luz, um azul, um dourado e um branco, passeiam pela cena e se abrem em veios finos e ramificados, como raios correndo por dentro das nuvens. Os focos se movem sem parar, cruzam a tela e às vezes saem dela, então momentos quase escuros se alternam com clarões. O brilho é suave, sem branco estourado. A animação segue sozinha, sem reagir ao mouse, e o fundo ocupa toda a área do elemento pai.
Você pode estar procurando isto se pediu algo assim
- fundo de tempestade com raios para página de lançamento
- aquele céu escuro com relâmpagos piscando atrás do título
- fundo com energia elétrica para marca de energia ou de bebida energética
- nuvens escuras com raios azuis e dourados no topo do site
- efeito de trovoada para uma campanha com clima intenso
- fundo dramático com eletricidade correndo pelas nuvens
Também chamado de
- thunderstorm background
- fundo de tempestade
- lightning shader
- raios animados
- storm clouds background
- fundo de relâmpagos
- electric clouds
Quando usar
- Campanha de impacto ou contagem regressiva para lançamento
- Marca de energia, de tecnologia elétrica ou de esporte radical
- Hero escuro de evento, show ou game com clima dramático
- Seção curta com título forte e pouco texto
Quando evitar
- Público sensível a clarões, se a versão estática pedida no prompt não for feita
- Páginas que já usam outro efeito em WebGL
- Marcas de tom calmo, como saúde e bem-estar, em que o clima de tempestade destoa
Como pedir para a sua IA
Crie um fundo em shader GLSL de tempestade no hero da campanha: nuvens escuras com raios ramificados nas cores da minha marca, clarões suaves sem piscar rápido, pausa fora da tela, versão estática para movimento reduzido e imagem de reserva sem WebGL2.
Com o THM Componentes, você cola o prompt completo do catálogo junto com o código deste componente, e a IA reproduz este efeito exato em vez de improvisar.
Perguntas sobre Thunderstorm Background
O Thunderstorm Background pisca muito forte?
Não há flashes instantâneos: no Thunderstorm Background, os raios se acendem e se apagam com o movimento contínuo de três focos de luz, e o brilho máximo fica abaixo do branco puro. Ainda assim, há alternância de claro e escuro, e o prompt do THM Componentes pede uma versão estática para quem prefere menos movimento.
Dá para mudar as cores do Thunderstorm Background?
Sim. O Thunderstorm Background aceita hue, que gira o matiz dos raios e das nuvens, saturation e brightness para a intensidade, e speed para acelerar ou acalmar a tempestade. A camada opcional noise acrescenta granulado. O prompt do THM Componentes orienta a IA a partir dos tokens de cor do seu projeto.
O Thunderstorm Background funciona no celular?
Funciona em aparelhos com WebGL2 e já pausa fora da tela, mas é classificado como Pesado no THM Componentes. O Thunderstorm Background não reage ao toque, porém a camada de shader captura o arraste do dedo e impede a rolagem sobre o fundo; peça à IA para desativar os eventos de ponteiro dele.
