Efectos de caída de nieve configurables en JavaScript-Snow. js
| Autor: | therefor |
|---|---|
| Views Total: | 2,971 |
| Sitio oficial: | Ir a la web |
| Actualizado: | May 22, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
Snow. js es un pequeño plugin de JavaScript que hace uso de la API de dibujo de canvas HTML5 para crear un efecto de caída de nieve configurable en la Página Web.
Funcionamiento
Inserte el JavaScript principal ' Snow. js ' en la página web y estamos listos para ir.
<script src="snow.js"></script>
Cree un elemento canvas en el que desee dibujar el efecto de caída de nieve.
<canvas id = "snowCanvas" title = "config to get your own snow effect"></canvas>
Inicialice snowCanvas y cree un efecto de caída de nieve predeterminado en el elemento canvas.
window.onload = _snowCanvas({
el: document.getElementById("snowCanvas")
}); Config el efecto de caída de nieve con los siguientes parámetros.
window.onload = _snowCanvas({
el: document.getElementById("snowCanvas"),
// color of snowflake
snowColor: "#a6a6a6",
// background color
backgroundColor: "black",
// max speed
maxSpeed: 3.5,
// min speed
minSpeed: .3,
// amount of snowflakes
amount: 150,
// max radius of snowflake
rMax: 4,
// min radius of snowflake
rMin: 1,
// width of canvas
width: window.innerWidth,
// height of canvas
height: window.innerHeight
});
