Snow Effect using HTML5 Canvas and Javascript

By Ruby On Tails
@ruby_on_tails

View code Play Walkthrough

A simple particle system modelled towards simulating a snowfall effect. Inspired by an anonymous submission on our website.

The background comes from CSS which means that the code can be used with different colors or image based backgrounds in games, websites, and more.

The perfect goodie for Christmas time.

«
Add New Comment

5 Comments

(close)
Hangs

Hangs

Hi… that’s my tutorial.thank’s for using it =)

Aaron Bien

Aaron Bien

hi there,

really nice tutorial!

I think I can use this code to create a sparkling background. Can you show me how to make the flakes bigger and turn down their opacity?

Thanks

Mustafa

Mustafa

Blur effect:
-webkit-filter: blur(1px);

Brent

Brent

Very cool. Thanks. Also, if you turn the background to #111 and the opacity to 1., it makes it into outer space. Very cool.

white

white

hey there
i have to say, it’s so naturally and so beautiful.

thanks for sharing it

TheCodePlayeralpha

5 Comments

Description

5x 10x 15x 20x