Raining Effect
Page 1 of 1
Raining Effect
Heya all, I'm looking for a simple rain effect like Typlos snow effect. Does anyone have a code for it or a link to something simple like that. I did search the forums here and found one huge HTML code but I have no idea how to work with HTML or use the code that was linked too.
Anyway, here are the forums I'd like the rain effect for...thx
Anyway, here are the forums I'd like the rain effect for...thx
Khalus- Forumember
- Posts : 42
Reputation : 0
Language : English
Re: Raining Effect
Found this rain script, but no idea how to use it on these forums. Can someone help me understand where I can paste this at, or how to get a new html page working if that is necessary?
This looks very similar to Typlos script for snow, and I've tried setting up a simple script just like his but with this code instead but still it doesn't work.
Please help....thanks!
This looks very similar to Typlos script for snow, and I've tried setting up a simple script just like his but with this code instead but still it doesn't work.
Please help....thanks!
<SCRIPT LANGUAGE="JavaScript">
/*
Script by Matthew Musgrove (http://free.prohosting.com/~musgrove)
For this script and more,
visit http://java-scripts.net
or http://wsabstract.com
*/
<!-- Begin
var no = 50;
var speed = 1;
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var s, x, y, sn, cs;
var a, r, cx, cy;
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
else
if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
x = new Array();
y = new Array();
r = new Array();
cx = new Array();
cy = new Array();
s = 8;
for (i = 0; i < no; ++ i) {
initRain();
if (ns4up) {
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"1\" ");
document.write("top=\"1\" visibility=\"show\"><font color=\"blue\">");
document.write(",</font></layer>");
}
else {
document.write("<layer name=\"dot"+ i +"\" left=\"1\" ");
document.write("top=\"1\" visibility=\"show\"><font color=\"blue\">");
document.write(",</font></layer>");
}
}
else
if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">");
document.write(",</font></div>");
}
else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">");
document.write(",</font></div>");
}
}
}
function initRain() {
a = 6;
r[i] = 1;
sn = Math.sin(a);
cs = Math.cos(a);
cx[i] = Math.random() * doc_width + 1;
cy[i] = Math.random() * doc_height + 1;
x[i] = r[i] * sn + cx[i];
y[i] = cy[i];
}
function makeRain() {
r[i] = 1;
cx[i] = Math.random() * doc_width + 1;
cy[i] = 1;
x[i] = r[i] * sn + cx[i];
y[i] = r[i] * cs + cy[i];
}
function updateRain() {
r[i] += s;
x[i] = r[i] * sn + cx[i];
y[i] = r[i] * cs + cy[i];
}
function raindropNS() {
for (i = 0; i < no; ++ i) {
updateRain();
if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {
makeRain();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
document.layers["dot"+i].top = y[i];
document.layers["dot"+i].left = x[i];
}
setTimeout("raindropNS()", speed);
}
function raindropIE() {
for (i = 0; i < no; ++ i) {
updateRain();
if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {
makeRain();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
document.all["dot"+i].style.pixelTop = y[i];
document.all["dot"+i].style.pixelLeft = x[i];
}
setTimeout("raindropIE()", speed);
}
if (ns4up) {
raindropNS();
}
else
if (ie4up) {
raindropIE();
}
// End -->
</script>
Khalus- Forumember
- Posts : 42
Reputation : 0
Language : English
Similar topics
» Raining blood
» Some changes have no effect.
» WoW Effect
» How to get this effect?
» how to make this brihtning effect?
» Some changes have no effect.
» WoW Effect
» How to get this effect?
» how to make this brihtning effect?
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum