Como ele é
Parece uma rede de neurônios vista ao microscópio, acesa no escuro. Sobre um fundo preto, fios finos de luz azul se ramificam a partir de nós mais brilhantes e mudam de forma devagar, como algo vivo. O brilho é mais forte no centro e some perto das bordas. Quando o mouse ou o dedo se move pela página, os fios perto do ponteiro se deformam e se reorganizam com suavidade. Ao rolar a página, o tom muda aos poucos, do azul para o ciano com as cores padrão. O canvas ocupa toda a área do elemento pai e não bloqueia cliques no conteúdo por cima.
Você pode estar procurando isto se pediu algo assim
- fundo com fios de luz azul tipo neurônios para site de IA
- aquele fundo escuro com linhas brilhantes que mudam de forma
- efeito de rede neural no topo da página do meu produto
- fundo com cara de tecnologia que reage quando passo o mouse
- algo orgânico e brilhante atrás do título de uma healthtech
- fundo animado futurista que muda de cor quando rolo a página
- luz azul se ramificando no escuro, meio bioluminescente
Também chamado de
- neurônios de luz
- rede neural animada
- fundo de neurônios
- shader background
- neural network effect
- fundo bioluminescente
- glowing veins
Quando usar
- Hero de produto de IA, de dados ou de automação
- Página de healthtech, neurociência ou biotecnologia
- Site de consultoria de tecnologia que quer um visual escuro e vivo
- Seção curta de abertura com título grande e pouco texto
Quando evitar
- Páginas que já usam outro efeito em WebGL
- Layouts claros, porque o fundo do efeito é preto
- Público que acessa principalmente por celulares antigos
Como pedir para a sua IA
Crie um fundo em shader WebGL com fios de luz que lembram uma rede neural no hero da página: tons da minha marca, reação suave ao mouse e ao toque, pausa quando sair da tela, versão estática para movimento reduzido e imagem de reserva sem WebGL.
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 Micélio
Micélio reage ao mouse e ao celular?
Sim. Micélio escuta o movimento do ponteiro, o arrasto do dedo e os toques em toda a janela, e os fios perto do ponteiro se deformam com suavidade. Ao rolar a página, o tom da cor também muda. O canvas não captura cliques, então botões e links por cima continuam funcionando.
Dá para trocar a cor de Micélio?
Dá. Micélio tem a prop hue, em graus de 0 a 360, além de saturation e chroma, que controla a luminosidade. O matiz padrão é 200, um tom de azul. A cor ainda varia um pouco com a rolagem da página, e o prompt do THM Componentes orienta a IA a partir das cores do seu projeto.
Micélio deixa o site lento?
Pode pesar em aparelhos fracos: Micélio é um shader WebGL classificado como Pesado no THM Componentes, calculado em todos os pixels a cada quadro, e não pausa por conta própria fora da tela. O prompt pede no máximo um efeito WebGL pesado por página, pausa fora da viewport e teste de LCP e INP no celular.
