Skip to content
Make your website snow
JavaScript CSS HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
LICENSE
README.md
index.html
snowfall.css
snowfall.js

README.md

It's a Blizzard Out There

Make your website snow.

How to use

There are two ways you can make your pages snow. If you'd like your site to always use the most up to date version, you can include the following script snippet on your page.

<script type="text/javascript" src="http://itsablizzardoutthere.com/snowfall.js"></script>

The second method is to download the script from this page an include it on your page.

Configuration options

This is a list of all options available and what they do. Options are set by calling Snowfall.setOptions, and passing in an object with the following values set. Any value not set will use the default.

Snowflakes

"total"     (INT) : Total number of flakes to draw. Overrides min, and max.
"min"       (INT) : Minimum number of flakes to draw. Overriden by total and minFPS (DEFAULT 0)
"max"       (INT) : Maximum number of flakes to draw. Overriden by total. (DEFAULT Infinity)
"starting"  (INT) : Number of flakes to start with. (DEFAULT 10)
"lock"      (BOL) : Lock the number drawn to the value current number. (DEFAULT false)
"pileUp"    (BOL) : Pile up the flakes at the bottom of the screen. (DEFAULT true)
"sizes"     (INT) : Number of sizes to use when drawing the flakes. (DEFAULT 3)

Speed

"FPS"       (INT) : Number of frames per second to draw at. Overrides minFPS, and maxFPS.
"minFPS"    (INT) : Minimum number of frames per second to draw at. Overriden by FPS, overrides min. (DEFAULT 0)
"maxFPS"    (INT) : Maximum number of frames per second to draw at. Overriden by FPS. (DEFAULT 60)
"pauseBlur" (BOL) : Pause when the window looses focus. (DEFAULT true)

Debugging

"logTiming" (BOL) : Log the timing of drawing to the console. `console.log` is assumed. (DEFAULT false)

Example

<script type="text/javascript" src="http://itsablizzardoutthere.com/snowfall.js"></script>
<script type="text/javascript">
	// The following options will draw a maximum of 2000 snowflakes, and not pause when
	// the window loses focus
	Snowfall.setOptions({
			max : 2000,
			pauseBlur : false
		});
</script>

License

Code released under MIT license. View LICENSE file for more information.

You can’t perform that action at this time.