Motion & animationMotion & animação
Vanta.jsVanta.js
Animated WebGL backgrounds for websites in a few lines of codeFundos animados em WebGL para sites com poucas linhas de código
What it isO que é
JavaScript library that applies animated 3D backgrounds to a page element, using Three.js or p5.js.
Biblioteca JavaScript que aplica fundos 3D animados a um elemento da página, usando Three.js ou p5.js.
What it’s forPara que serve
To bring a section or hero background to life without heavy video or images.
Para dar vida ao fundo de uma seção ou hero sem usar vídeo ou imagens pesadas.
BenefitsVantagens
- Effects such as Waves, customizable, with a randomize option on the site
- Responds to mouse and touch
- Just include the library and point the effect at an element by selector
- Lighter than video or large background images, according to the site
- Efeitos como Waves, personalizáveis e com opção de sorteio no site
- Responde a mouse e toque
- Basta incluir a biblioteca e apontar o efeito para um elemento pelo seletor
- Mais leve que vídeo ou imagens grandes de fundo, segundo o site
CaveatsRessalvas
- According to the maker, it runs at about 60 fps on most laptops and desktops
- Some WebGL effects slow down on older machines and not all work on mobile; the site recommends one or two effects per page and a fallback background
- The site doesn't state the license; check the repository
- Segundo o fabricante, roda a cerca de 60 fps na maioria dos notebooks e desktops
- Alguns efeitos WebGL ficam lentos em máquinas antigas e nem todos funcionam em mobile; o site recomenda um ou dois efeitos por página e um fundo de reserva
- O site não informa a licença; consulte o repositório
