Crear un sistema de partículas de fondo con JavaScript y Canvas-Nodes. js
| Autor: | rohanrhu |
|---|---|
| Views Total: | 368 |
| Sitio oficial: | Ir a la web |
| Actualizado: | January 26, 2019 |
| Licencia: | MIT |
Vista prévia
Descripción
La biblioteca de JavaScript Nodes. js le permite crear un sistema de partículas con nodos animados y líneas de conexión para el fondo.
Construido usando JavaScript puro y la API HTML5 Canvas.
Funcionamiento
Vincular a la biblioteca de JavaScript de Nodes. js.
<script src="js/nodes.js"></script>
Cree un elemento canvas HTML para colocar el sistema de partículas.
<canvas id="nodes"></canvas>
Cree un nuevo objeto NodesJs para generar un sistema de partículas predeterminado en el lienzo.
var nodesjs = new NodesJs({
// options here
}); Personalice el sistema de partículas utilizando los siguientes parámetros.
var nodesjs = new NodesJs({
// container ID
id: 'nodes',
// width
width: window.innerWidth,
// height
height: window.innerHeight,
// background transition options
backgroundFrom: [10, 25, 100],
backgroundTo: [25, 50, 150],
backgroundDuration: 4000,
// the number of particles
number: window.hasOwnProperty('orientation') ? 30: 100,
// animation speed
speed: 20
});
