Animación de partículas sutiles en Vanilla JavaScript-bParticles. js

Tiempo de ejecución: 30 minutos. Empezar

Autor: BowersDev
Views Total: 1,297
Sitio oficial: Ir a la web
Actualizado: August 5, 2018
Licencia: MIT

Vista prévia

Animación de partículas sutiles en Vanilla JavaScript-bParticles. js

Descripción

bParticles. js es un plugin de JavaScript vainilla para crear una animación de partículas sutiles usando el lienzo de HTML5.

El complemento le permite generar partículas configurables que se mueven aleatoriamente dentro de un contenedor especificado.

Funcionamiento

Descargue e importe la biblioteca ' bParticles. js ' en el documento.

<script src="bParticles.js"></script>

Cree un nuevo objeto bParticles y aplique la animación de partículas a un contenedor que especifique.

<div id="example"></div>
bParticles({

"container": "#example"
})
bParticles({


// target container

"container": "#example",


// FPS

"fps": 30,



// the amount of particles to generate

"amount": 30,


// min/max sizes

"size":{


"min": 2,


"max": 48

},


// min/max animation speed

"speed":{


"min": 2,


"max": 10

},


// particle styles

"style":{


"backgroundColor": "",


"fill":{



"color": "#66FF00",



"opacity": "0.8"


}

}


})

Registro de cambios

08/05/2018

  • v2

Te puede interesar: