Creación de partículas con JavaScript y Canvas-particles. js
| Autor: | nicovank |
|---|---|
| Views Total: | 4,012 |
| Sitio oficial: | Ir a la web |
| Actualizado: | February 3, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
Sólo otra biblioteca de JavaScript que utiliza HTML5 Canvas y CSS para renderizar aleatoriamente partículas animadas en la Página Web.
Instalación
$ npm install particles
Funcionamiento
Inserte el archivo principal de JavaScript particles. js en la Página Web.
<script src="particles.js"></script>
Cree un elemento canvas de HTML5 para los objetos particles.
<canvas id="particles"></canvas>
Represente una animación de partículas predeterminada en el elemento canvas.
new Particles(document.getElementById("particles")); Personaliza la animación de partículas:
new Particles(document.getElementById("particles"), {
// size of the particles
size: {
min: 0,
max: 2
},
// density of particles on the canvas
density: 1000,
// speed of the particules
speed: 3,
// number of times per second the canvas is refreshed
fps: 60,
// color of the particles
color: "#FFFFFF"
});
