Como ele é
Parece a vista de quem dirige numa rodovia à noite, como numa foto de longa exposição. Numa estrada quase preta, que some numa névoa escura no horizonte, pares de rastros de luz correm por duas pistas: num sentido se afastam, no outro vêm na sua direção, e bastões luminosos passam pela margem. A estrada ondula e faz curvas, e um brilho suave envolve as luzes. Na demo, lanternas vermelhas se afastam e faróis claros se aproximam. Segurar o botão do mouse ou o dedo na tela aumenta a velocidade e abre o ângulo da câmera; ao soltar, tudo volta ao ritmo normal. Seis presets mudam cores e curvas.
Você pode estar procurando isto se pediu algo assim
- fundo de estrada à noite com luzes de carro passando rápido
- efeito de velocidade da luz para o topo do site da transportadora
- aquele fundo de rodovia neon que acelera quando clico
- hero com sensação de movimento e velocidade para app de mobilidade
- rastros de faróis em 3D tipo foto de longa exposição
- animação de túnel de luz para mostrar que o produto é rápido
Também chamado de
- hyperspeed
- light speed effect
- efeito velocidade da luz
- estrada 3D animada
- highway lights background
- rastro de faróis
- warp speed
Quando usar
- Hero de empresa de mobilidade, logística, entregas ou transporte
- Lançamento de produto que vende velocidade ou desempenho
- Abertura de evento, game ou campanha com clima noturno
- Seção curta de impacto com um título grande por cima da cena
Quando evitar
- Páginas de leitura ou formulários, em que o movimento constante distrai
- Público com celulares antigos ou páginas que já usam outro efeito em WebGL
- Marcas de identidade calma, sem relação com velocidade
Como pedir para a sua IA
Crie um fundo 3D de estrada noturna com rastros de faróis em Three.js no hero da página: acelera enquanto a pessoa segura o clique ou o dedo, usa as cores da minha marca, pausa fora da tela e tem uma imagem estática para movimento reduzido e celulares fracos.
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 Light Speed
O Light Speed funciona no celular?
Funciona em aparelhos com WebGL: o Light Speed trata toque, então segurar o dedo na tela acelera a estrada como o clique faz no computador. É um efeito Pesado no THM Componentes, com Three.js e pós-processamento de brilho, por isso o prompt orienta a IA a carregar sob demanda, usar ClientOnly no Nuxt e prever uma imagem estática.
Dá para trocar as cores e as curvas do Light Speed?
Sim. O Light Speed recebe um objeto de opções com as cores da pista, dos faróis em cada sentido, dos bastões de luz e da névoa, além do tipo de distorção, da largura da estrada, do número de faixas e da quantidade de luzes. Seis presets prontos servem de ponto de partida, e o prompt pede à IA que use os tokens de cor do seu projeto.
O Light Speed respeita quem prefere menos movimento?
Não sozinho: o Light Speed original anima sempre e não pausa fora da tela. O prompt do THM Componentes pede à IA uma versão estática para quem ativa a redução de movimento e a pausa da animação fora da área visível, o que aqui pode ser uma imagem parada da estrada no lugar da cena 3D.
