script7

Starfield/Snow/Bubble Script

This is the Script from Experiments 46-47&48.

Step 1: is to decide on the following stars, snow or bubbles. (You must change the urls if you want to put in your own images)

Step 2: Just Add ONE of the below chunks of code anywhere before the < HEAD > tags of your page to activate the effect: (urls are preset to above images)

(P.S. midis and .wavs are played by placing code like this: <+bgsound src="http://www.mikesfreegifs.com/midiwav/stream.wav" loop="infinite"+> without the plus symbols, and WITH the correct URL to the sound you want, between your < BODY > tags. Check out my wav and/or midi pages for codes and free downloads.

STARS

<script language="JavaScript1.2"> //3D Starfield - by Mikhail Ansolis, based on Flying planes - by John Ely //Modified from: Autumn leaves script- by Kurt Grigg (kurt.grigg@virgin.net) //Visit http://www.dynamicdrive.com for this script //Pre-load your image below! //CHANGE 5 to the number of images listed below grphcs=new Array(5) //PRELOAD the involved images (extend or contract variables according to # of images used) Image0=new Image(); Image0.src=grphcs[0]="http://www.mikesfreegifs.com/main4/experiments/Earth1.gif"; Image1=new Image(); Image1.src=grphcs[1]="http://www.mikesfreegifs.com/main4/experiments/Earth2.gif" Image2=new Image(); Image2.src=grphcs[2]="http://www.mikesfreegifs.com/main4/experiments/Earth3.gif" Image3=new Image(); Image3.src=grphcs[3]="http://www.mikesfreegifs.com/main4/experiments/Earth.gif" Image4=new Image(); Image4.src=grphcs[4]="http://www.mikesfreegifs.com/main4/experiments/Earth4.gif" //SPECIFY number of images to randomly display concurrently from list above. Less the more efficient Amount=20; Ypos=new Array(); Xpos=new Array(); Zpos=new Array(); //SpeedX=new Array(); //SpeedY=new Array(); ScrXpos=new Array(); ScrYpos=new Array(); Speed=new Array(); Size=new Array(); Step=new Array(); ns=(document.layers)?1:0; ie=document.all&&navigator.userAgent.indexOf("Opera")==-1 if (ns){ for (i = 0; i < Amount; i++){ var P=Math.floor(Math.random()*grphcs.length); rndPic=grphcs[P]; document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>"); } //end for } //end if else if (ie){ //IE document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i = 0; i < Amount; i++){ document.write('<img id="si'+i+'" src="'+grphcs[Math.round((i+1)*(grphcs.length-1)/Amount)]+'"style="position:absolute;top:0px;left:0px">'); } document.write('</div></div>'); } //initialize star properties if (ie||ns){ WinHeight=(ns)?window.innerHeight-20:window.document.body.clientHeight; WinWidth=(ns)?window.innerWidth-70:window.document.body.clientWidth; for (i=0; i < Amount; i++){ Speed[i]=(i+1)*6/Amount+4; //speed range from 4 to 10 Xpos[i] = (Math.random()*WinWidth-WinWidth/2)*(Amount-i/3)/Amount; Ypos[i] = (Math.random()*WinHeight-WinHeight/2)*(Amount-i/3)/Amount; Zpos[i] = Math.random()*900*(Amount-i/3)/Amount+100; } } function fly(){ var WinHeight=(ns)?window.innerHeight-20:window.document.body.clientHeight; var WinWidth=(ns)?window.innerWidth-70:window.document.body.clientWidth; var hscrll=(ns)?window.pageYOffset:document.body.scrollTop; for (i=0; i < Amount; i++){ Zpos[i]-=Speed[i]; if (ScrXpos[i]>WinWidth || ScrXpos[i]<0 || ScrYpos[i]>WinHeight || ScrYpos[i]<0 || Zpos[i]<=0) { //generate new stars Speed[i]=(i+1)*6/Amount+4; //speed range from 4 to 10 Xpos[i] = (Math.random()*WinWidth-WinWidth/2)*(Amount-i/3)/Amount; Ypos[i] = (Math.random()*WinHeight-WinHeight/2)*(Amount-i/3)/Amount; Zpos[i] = Math.random()*900*(Amount-i/3)/Amount+100; } ScrXpos[i]=Xpos[i]/Zpos[i]*100 + WinWidth/2; ScrYpos[i]=Ypos[i]/Zpos[i]*100 + WinHeight/2; if (ns){ document.layers['sn'+i].left=ScrXpos[i]; document.layers['sn'+i].top=ScrYpos[i]+hscrll; } else{ //IE eval("document.all.si"+i).style.left=ScrXpos[i]; eval("document.all.si"+i).style.top=ScrYpos[i]+hscrll; } } //end for setTimeout('fly()',20); } //end fly if (ie||ns) window.onload=fly //--> </SCRIPT>

SNOW

//3D Starfield - by Mikhail Ansolis, based on Flying planes - by John Ely
//Modified from: Autumn leaves script- by Kurt Grigg (kurt.grigg@virgin.net)
//Visit http://www.dynamicdrive.com for this script

//Pre-load your image below!
//CHANGE 5 to the number of images listed below
grphcs=new Array(5)

//PRELOAD the involved images (extend or contract variables according to # of images used)
Image0=new Image();
Image0.src=grphcs[0]="http://www.mikesfreegifs.com/main4/snow.gif";
Image1=new Image();
Image1.src=grphcs[1]="http://www.mikesfreegifs.com/main4/snow2.gif"
Image2=new Image();
Image2.src=grphcs[2]="http://www.mikesfreegifs.com/main4/snow3.gif"
Image3=new Image();
Image3.src=grphcs[3]="http://www.mikesfreegifs.com/main4/snow4.gif"
Image4=new Image();
Image4.src=grphcs[4]="http://www.mikesfreegifs.com/main4/snow5.gif"

//SPECIFY number of images to randomly display concurrently from list above. Less the more efficient
Amount=20; 
Ypos=new Array();
Xpos=new Array();
Zpos=new Array();
//SpeedX=new Array();
//SpeedY=new Array();
ScrXpos=new Array();
ScrYpos=new Array();
Speed=new Array();
Size=new Array();
Step=new Array();
ns=(document.layers)?1:0;
ie=document.all&&navigator.userAgent.indexOf("Opera")==-1

if (ns){
for (i = 0; i < Amount; i++){
 var P=Math.floor(Math.random()*grphcs.length);
 rndPic=grphcs[P];
 document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>");
} //end for
} //end if
else if (ie){ //IE
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < Amount; i++){
 document.write('<img id="si'+i+'" src="'+grphcs[Math.round((i+1)*(grphcs.length-1)/Amount)]+'"style="position:absolute;top:0px;left:0px">');
}
document.write('</div></div>');
}

//initialize star properties
if (ie||ns){
WinHeight=(ns)?window.innerHeight-20:window.document.body.clientHeight;
WinWidth=(ns)?window.innerWidth-70:window.document.body.clientWidth;
for (i=0; i < Amount; i++){
  Speed[i]=(i+1)*6/Amount+4; //speed range from 4 to 10
  Xpos[i] = (Math.random()*WinWidth-WinWidth/2)*(Amount-i/3)/Amount;
  Ypos[i] = (Math.random()*WinHeight-WinHeight/2)*(Amount-i/3)/Amount;
  Zpos[i] = Math.random()*900*(Amount-i/3)/Amount+100;
}
}

function fly(){
var WinHeight=(ns)?window.innerHeight-20:window.document.body.clientHeight;
var WinWidth=(ns)?window.innerWidth-70:window.document.body.clientWidth;
var hscrll=(ns)?window.pageYOffset:document.body.scrollTop;

for (i=0; i < Amount; i++){
 Zpos[i]-=Speed[i];
 if (ScrXpos[i]>WinWidth || ScrXpos[i]<0 || ScrYpos[i]>WinHeight || ScrYpos[i]<0 || Zpos[i]<=0) { //generate new stars
  Speed[i]=(i+1)*6/Amount+4; //speed range from 4 to 10
  Xpos[i] = (Math.random()*WinWidth-WinWidth/2)*(Amount-i/3)/Amount;
  Ypos[i] = (Math.random()*WinHeight-WinHeight/2)*(Amount-i/3)/Amount;
  Zpos[i] = Math.random()*900*(Amount-i/3)/Amount+100;
 }
 ScrXpos[i]=Xpos[i]/Zpos[i]*100 + WinWidth/2;
 ScrYpos[i]=Ypos[i]/Zpos[i]*100 + WinHeight/2;

if (ns){
  document.layers['sn'+i].left=ScrXpos[i];
  document.layers['sn'+i].top=ScrYpos[i]+hscrll;
 }
 else{ //IE
  eval("document.all.si"+i).style.left=ScrXpos[i];
  eval("document.all.si"+i).style.top=ScrYpos[i]+hscrll;
 }
} //end for
setTimeout('fly()',20);
} //end fly

if (ie||ns)
window.onload=fly
//-->
</SCRIPT>

BUBBLES

//Pre-load your image below!
//CHANGE 5 to the number of images listed below
grphcs=new Array(5)

//PRELOAD the involved images (extend or contract variables according to # of images used)
Image0=new Image();
Image0.src=grphcs[0]="http://www.mikesfreegifs.com/main4/bubble.gif";
Image1=new Image();
Image1.src=grphcs[1]="http://www.mikesfreegifs.com/main4/bubble2.gif"
Image2=new Image();
Image2.src=grphcs[2]="http://www.mikesfreegifs.com/main4/bubble3.gif"
Image3=new Image();
Image3.src=grphcs[3]="http://www.mikesfreegifs.com/main4/bubble.gif"
Image4=new Image();
Image4.src=grphcs[4]="http://www.mikesfreegifs.com/main4/bubble2.gif"

if (ie||ns)
window.onload=fly
//-->
</SCRIPT>

BACK