JS: Schneefall....

[AmigaLink]

^^ Da hab ich mich vor Jahren schon drüber gewundert!
Ich hab nen alten P1 im Keller, der hat eine Auslastung von 5% und bei einer meiner Userinnen ist die Auslastung auf einem P3 bei 100%. Keine Ahnung wovon das abhängt. Vielleicht an der verwendeten Java-Version?

[bce]

[quote="AmigaLink";p="66961"]

Code: Alles auswählen

<SCRIPT language=JavaScript1.2> 
function rnd(){return Math.random();} 
function xRnd(){return (rnd()/10);} 
function yRnd(){return (2 + 2*( .5 - rnd() ));} 
var letitsnow = true; 
var flakes = Array("http://www.essenmitfreude.info/board/images/weihnachten/schneeflocke1.gif","http://www.essenmitfreude.info/board/images/weihnachten/schneeflocke2.gif","http://www.essenmitfreude.info/board/images/weihnachten/schneeflocke3.gif","http://www.essenmitfreude.info/board/images/weihnachten/schneeflocke4.gif"); 
var numflakes = 10; 
var T = 50; 
var dx, xPos, yPos, am, vx, vy, obj, i; 
var winwidth = 640; 
var winheight = 480; 

function sizeIt() 
{ 
window.winwidth = window.innerWidth?window.innerWidth:document.body.clientWidth; 
window.winheight = window.innerHeight?window.innerHeight:document.body.clientHeight; 
} 

dx = new Array(); 
xPos = new Array(); 
yPos = new Array(); 
sway = new Array(); 
var swaymax = 20; 
vx = new Array(); 
vy = new Array(); 
sizeIt(); 
document.write("<STYLE type="text/css">\n.flk {position:absolute;top:-100;}<\/STYLE>"); 
for (i = 0; i < numflakes; i++) 
{ 
var thisflake = "" + flakes[Math.floor(rnd()*flakes.length)]; 
dx[i] = 0; 

xPos[i] = rnd()*(window.winwidth-30) +10; 
yPos[i] = rnd()*window.winheight; 
sway[i] = rnd()*swaymax; 
vx[i] = xRnd(); 
vy[i] = yRnd(); 
document.write("<div id="f"+ i +"" class="flk"><img src=""); 
document.write(thisflake + "" border="0"><\/div>"); 
} 


function snowMove(id,left,top) 
{ 
obj = document.getElementById?document.getElementById(id).style: 
document.all?document.all[id].style: 
document.layers?document.layers[id]:null; 
if (obj) 
{ 
obj.left=left; 
obj.top=top; 
} 
} 

function snowSwitch(s) 
{ 
if ( s == "on" ) 
{ 
if ( window.letitsnow != true ) 
{ 
window.letitsnow = true; 
doSnow(); 
} 
} else if ( s == "off" ) 
{ 
window.letitsnow = false; 
hideSnow(); 
} 
} 

function hideSnow() 
{ 
for (i = 0; i < numflakes; ++ i) { 
snowMove("f"+i,-100,-100); 
} 
} 

function doSnow() { 
if (letitsnow){ 
sizeIt(); 
delta = (window.pageYOffset!=null)?window.pageYOffset:document.body.scrollTop; 
for (i = 0; i < numflakes; ++ i) { 
yPos[i] += vy[i]; 
if (yPos[i] > window.winheight+delta-50) { 
xPos[i] = rnd()*(window.winwidth-sway[i]-30); 
yPos[i] = delta; 
vx[i] = xRnd(); 
vy[i] = yRnd(); 
} 
dx[i] += vx[i]; 
snowMove("f"+i,xPos[i]+sway[i]*Math.cos(dx[i]),yPos[i]); 
} 
setTimeout("doSnow()", T); 
} 
} 


window.onload=doSnow; 

</SCRIPT>

Klappt im IE und FF und bei mir lastet es den Rechner auch nicht aus.
Betonung auf bei mir denn ich habe eine Userin auf EmF, deren Rechner mit diesem Script ganz schön ins Schwitzen kommt. [/quote]
feine sache.. funktioniert tatsächloich auch im firefox

aber egal was ich bei
var winwidth = 1020;//640;
var winheight = 106;//480;
einstelle.. wird immer übers ganze browserfenster angezeigt..

die flocken fallen ja fast gerade runter.. wie kann man sie ein wenig mehr "durchschütteln"?

[AmigaLink]

aber egal was ich bei
var winwidth = 1020;//640;
var winheight = 106;//480;
einstelle.. wird immer übers ganze Browserfenster angezeigt..

Das wird daran liegen das in der Function sizeIt(); die größe des Brwoserfensters ermittelt wird.

die flocken fallen ja fast gerade runter..

Gehört zu den Sachen die mir an diesem Script besonders Sympathisch sind.
Die Flocken fallen schön ruhig und ohne Hektik runter. So wie es an einem schönem Wintertag ebenfalls ist.
Ich will ja schließlich keinen Schneesturm haben.
Das wilde Rumgetanze, das viele andere Scripte machen, macht einen ja wahnsinnig und sorgt nur für unruhe.

[bce]

Die Flocken fallen schön ruhig und ohne Hektik runter

auch wahr.

Das wird daran liegen das in der Function sizeIt(); die größe des Brwoserfensters ermittelt wird

thx.. habs geändert. passt nun.


die datei sollte keine doctype deklaration haben:

Code: Alles auswählen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
      "http://www.w3.org/TR/html4/loose.dtd">

denn so geht gar nichts..