Crie belas partículas animadas com esta biblioteca Javascript
Há toneladas de bibliotecas de animação gratuitas, com diferentes efeitos e especialidades. Mas, a nova biblioteca Particles.js segue uma direção totalmente nova, criando partículas animadas naquela mover em tempo real toda a página.
Esta biblioteca fácil de usar é totalmente gratuita e de código aberto no GitHub. Certamente não irá ajudá-lo a melhorar a experiência do seu site, mas pode ajudar você a adicionar efeitos de partículas entrelaçadas para o fundo.
Na página principal, você encontrará um demonstração interativa ao vivo onde você pode brincar com os recursos da biblioteca. Isso permite ajustar o tamanho de partícula, velocidade, forma, cor, posição, nome.
Como esta é uma biblioteca tão detalhada, requer uma boa compreensão de JavaScript para fazê-lo funcionar. É por isso que essa demonstração ao vivo é tão valiosa, pois permite que qualquer pessoa brinque com essas configurações para ver o que é possível em JavaScript.
E, se você está bem com a exportação desses gráficos você pode salve as imagens diretamente da página de demonstração de aplicativos da web. Você pode exportar um PNG bruto ou até mesmo salve todas as suas configurações personalizadas em um arquivo JSON que, em seguida, importa diretamente no script Particles.js.
Por padrão, você pode escolher entre pequeno punhado de temas com diferentes estilos de partículas:
- Estrelas da NASA
- Bolhas
- Neve
- Estrelas gato nyan
- Formas geométricas padrão
Com esses padrões, você ainda pode editar todas as configurações principais para refinar cores, posições, velocidades e tudo mais.
A melhor parte desta biblioteca inteira é a recurso de personalização ao vivo à direita na página principal. Se você quer entrar nos detalhes básicos, você realmente precisa entender o JavaScript e codificar frontend.
Mas até mesmo um iniciante pode trabalhar pela interface, escolher as configurações desejadas e exportar tudo como um arquivo JSON.
Uma biblioteca brilhante para quem quer criar partículas dinâmicas na web. Para saber mais, visite o repositório do GitHub e você pode compartilhar suas idéias com o criador Vincent Garreauon no Twitter @VincentGarreau.
