Navigation:

Home | About | Screen Shots | Download!

So you see the flakes falling from the top of the screen and you wonder to yourself "say.. thaty's pretty neat, I'd like that on my website!!" Well sir, or ma'am, you most certainly may.

Step ONE

First, you'll have to grab one (or all) of these images and put them up In your own webspace:

(right click, choose save as, keep them as gif or you'll lose the animated-ness, and don't change their name)

Step 2

This bit o' code goes into your head tag

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
//FALLING FLAKES JAVASCRIPT!
//coded by Joe Balough -- scallopedllama -- sl -- scalloped_llama at hotmail dot com
//original version found at the flakes screen saver homepage -- http://flakes.sf.net
//getObj care of QuirksMode (http://www.quirksmode.org/index.html?/js/dhtmloptions.html)
//It makes it so the script works on more browsers than just one.. easily.
//The graphics with the version on flakes.sf.net were also made by me.
//you can use this code wherever you like, just give me some credit man.
//you can also tweak/change this all you want, that's what open source is all about.
//I did my best with the depth thing, I'm pretty happy with the defaults, but you can change
//them all you want.

//OPTIONS!!!
//change these to your liking
var style = "CoolBlue";		//style of falling flakes, can be FuzzyFlakes, GreyFun, Bloody, and CoolBlue
var flakes = 25;	//number of flakes
var biggest = 55;	//largest possible flake size
var smallest = 10;	//smallest possible flake size
var smSpeed = .01;		//the is how many pixels down the smallest flakes move after every pause (can be double)
var lgSpeed = .1;		//how many pixels the largest flakes move
var pause = 1;		//ms to wait before moving everything
//this is added to screen.height everywhere, adjust this to make the flakes inside your 
//webspace and eliminate the needless scrollbar distance.
var heightTweak = -180;

//come up with a slope using the speeds and the sizes
var m = (lgSpeed - smSpeed) / (biggest - smallest);
var b = smSpeed - (m * smallest);

//size vector with the same number of elements as there are flakes
var size = new Array(flakes);
for(i=0; i<flakes; i++) size[i] = 0;

//y vector with the same number of elements as there are flakes
var y = new Array(flakes);
for(i=0; i<flakes; i++) y[i] = 0;

function Random(min, max){
	var WarmUp1= Math.floor(Math.random()*(max-min))+min;
	var WarmUp1= Math.floor(Math.random()*(max-min))+min;	//Added this because I swear that computers' random functions have to warm up.
	var WarmUp1= Math.floor(Math.random()*(max-min))+min;
	return Math.floor(Math.random()*(max-min))+min;
}

// -->
</SCRIPT>

and this bit o' code goes somewhere in the body of your code:

step III: Configuration

at the top of your head code, there are several variables with comments, have a look at them. You need to set that style to make it load the right image. The code assumes that you put the animated gifs in the same directory as the html file. Change that heightTweak until flakes scroll to the bottom of your page, and change flakes to your pleasing. Don't forget the bgcolor attribute to the body tag, you can set it to something like "black" and it'll know what you're talking about.

The only thing I ask

All I ask is that you don't tweak that code to remove the links. Or if you do, Give me a link SOMEWHERE on your page, this is a kind of promotion yousee. If you don't give me any links, it means that you stole the code. I also ask that you don't change it so it gets the images from my webspace, that's a no. And finally, don't take credit for my work.

About the JavaScript version

I was trying to come up with a clever way to promote my screen saver. I thought "just get it popular on myspace or something." So I set to work on a JavaScript version of my screen saver. I don't know if this will work at all on mysapce, they supposedly blocked JavaScript after that guy got thousands of friends, but I still think it's pretty cool.
I programmed this thing over the course of several hours. I'm not a JavaScript or HTML l33t or something, but I did impress myself.

Programmed using the internet and 2 really outdated books: Instant HTML 4.0 and Sam's Teach Yourself JavaScript 1.2 in 24 hours (IE 4 is long dead).

Credit where it's due:
Developed with

BSGUI

Project hosted by