snow

Make it snow on your web site.

Live Demonstration

• Snow cumulates at the bottom of the screen
• Customizable: from a light snow to a blizzard
• Dynamically controllable: start new snow falls and stop them
• Don't mess with the DOM: only one canvas is added
• Light and with no dependency

Usage

Import the script:

<script src=snow.js></script>

Then call the start function:

snow.start();

or with some parameters:

snow.start({
flakeCount: 4000,
stickingRatio: 0.55,
wind: -7
});

You can ask the snow to gently stop:

snow.stop();

Options

• flakeCount: number of flakes. Default: 400
• maxRadius: max radius of flakes. Default: 1.7
• wind: wind speed, can be positive (towards the right) or negative. Default: 0. Reasonnable winds are lower than 20.
• color: snow color. Default: #ddf
• minSpeed: vertical minimal speed. Default: 1
• maxSpeed: vertical maximal speed. Default: 4.2
• stickingRatio: how much the snow sticks to the ground. Default: .4
• maxHeightRatio: at what part of the screen height does snow stop accumulating. Default: .25

Install with npm

npm i Canop/snow

License

MIT

Copyright (c) 2016 Denys Séguret <http://dystroy.org/>