Biblioteca JavaScript pequeña para animación de partículas-particles. js
| Autor: | marcbruederlin |
|---|---|
| Views Total: | 5,823 |
| Sitio oficial: | Ir a la web |
| Actualizado: | August 10, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
particles. js es una biblioteca de JavaScript ligera pero personalizable que se utiliza para dibujar una animación de partículas modernas en un elemento canvas de HTML5.
Funcionamiento
Cree un elemento canvas de HTML5 en el que desee dibujar las partículas animadas.
<canvas id="demo"></canvas>
Descargue y coloque la biblioteca particles. js en su página web donde sea necesario.
<script src="dist/particles.js"></script>
Inicialice las partículas. js y dibuje una animación de partículas predeterminada en el elemento canvas.
Particles.init({
selector: '#demo'
}); Personalice la animación de partículas utilizando los siguientes ajustes.
Particles.init({
// an array of objects containing breakpoints and options
responsive: null,
// selector
selector: null,
// maximum number of particels
maxParticles: 100,
// size variations
sizeVariations: 3,
// shows particles
showParticles: true,
// animation speed
speed: 0.5,
// color of particles
color: '#000000',
// minimux number of distance between particles
minDistance: 120,
// draws lines between particles
connectParticles: false
}); Registro de cambios
08/10/2018
- v2.2.3
