/snow

Make it snow on your web site

Primary LanguageJavaScript

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

Chat on Miaou Chat on Miaou

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/>