Crear sorprendentes burbujas de fondo en puro JavaScript-Bubble-BG
| Autor: | pbondoer |
|---|---|
| Views Total: | 3,607 |
| Sitio oficial: | Ir a la web |
| Actualizado: | May 9, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
La biblioteca JavaScript de Bubble-BG te permite crear burbujas fantásticas con colores degradados y animaciones suaves para el fondo. Accionado por el elemento canvas de HTML5 y sin la necesidad de ninguna imagen.
Funcionamiento
Cargue el archivo principal de JavaScript background. js en el documento cuando sea necesario.
<script async src="background.js"></script>
Cree un elemento canvas de HTML5 como este:
<canvas id="background"></canvas>
Hacer que el lienzo de pantalla completa que actúa como un fondo.
#background {
position: fixed;
top: 0;
left: 0;
z-index: -100;
} Todas las opciones posibles con valores predeterminados.
{
resolution: 1,
gradient:
{
resolution: 4,
smallRadius: 0,
hue:
{
min: 0,
max: 360
},
saturation:
{
min: 40,
max: 80
},
lightness:
{
min: 25,
max: 35
}
},
bokeh:
{
count: 30,
size:
{
min: 0.1,
max: 0.3
},
alpha:
{
min: 0.05,
max: 0.4
},
jitter:
{
x: 0.3,
y: 0.3
}
},
speed:
{
min: 0.0001,
max: 0.001
},
debug:
{
strokeBokeh: false,
showFps: false
}
};
