Schneeflocken über Bildschirm ?

[Steven]

Hallo Javascript Freaks

Habe ein Javascript gefundne wo Schneeflocken über den Bildschirm "schneien". Das ganze funktioniert auch soweit, nur möchte ich ein paar Parameter anpassen, und da weiss ich ehrlich gesagt nicht wo suchen, da ich vom Javascript - Code so gut wie nix versteh.

Hier wäre mal der komplette Code, und darunter habe ich meine Fragen.


<script language="JavaScript1.2">
<!--
var snowsrc="grafik_neue_site/weihnachten/beispiel/snow.gif"
var no = 50;
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp;
var am, stx, sty;
var i, doc_width = 1024, doc_height = 768;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();

for (i = 0; i < no; ++ i) {
dx[i] = 0;
xp[i] = Math.random()*(doc_width-50);
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
if (ns4up) {
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><a href=\"http://www.jswelt.de/\"><img src='"+snowsrc+"' border=\"0\"></a></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src='"+snowsrc+"' border=\"0\"></layer>");
}
} else if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://java.topcool.de\"><img src='"+snowsrc+"' border=\"0\"></a></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"></div>");
}
}
}
function snowNS() {
for (i = 0; i < no; ++ i) {
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", 10);
}
function snowIE() {
for (i = 0; i < no; ++ i) {
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", 10);
}

if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
// -->
</script>


So, wie kann ich denn die Flocken schneller schneien lassen ? Die Menge habe ich rausgefunden.

Möchte die Flocken auch weiter nach unten über dem Bildschirm schneien lassen, aber da hat mir die Änderung dieses Parameters
var i, doc_width = 1024, doc_height = 768; gar nix gebracht.

Ebenso habe ich das Schneeflockenscript auf meine 3 Frames eingebunden, was auch funktioniert, nur bleiben die Flocken - ganz unterschiedlich - in den Frames einfach stehen ? Sobald ich aktualisieren klicke, ändert sich das ganze.

So, ich hoffe und bitte Euch, dass Ihr mir helfen könnt, das Script anzupassen - DANKE schonmal im Voraus

Mfg Steven

http://www.steven-sailer.com

[webmichl]

- Für die Geschwindigkeit musst Du die Definitionen von sty[i] hochsetzen.
- der untere Rand wird durch durch die Abfrage if (yp[i] > doc_height-50) {
in den snow.Funktionen bestimmt ( 50 px über Bildrand ) -runtersetzen.
- Mit der Frames-Geschichte - hmmm, 'n büschen spät dafür. Ich schau's mir morgen noch mal an...

[dpi-nobby]

Nimm doch den hier:

http://www.dynamicdrive.com/dynamicindex3/rain.htm

funktioniert ganz ohne "Flockengrafik". Da wird mit einem * oder ' aus einem Font gearbeitet. Du kannst einstellen, wie viele, wie groß und welche Farbe die Schneeflocken oder Regentropfen sein sollen. Auch das Tempo des Fallens ist in Klartext am Anfang des Scriptes editierbar. Und der Schneebereich ist nicht begrenzt, d. h. es flockt auf der ganzen Seite, bis unten hin.

Mein Beispiel

Gruß

Norbert

[Steven]

Hallo Norbert und Webmichl

Vielen Dan kfür Eure schnelle Hilfe, aber ich glaube ich werde das Skript von Norbert nehmen, da es so geht wie ich es gerne möchte.

Ich hoffe natürlich, dass es auch mit den Frames funktioniert.

Norbert :

Kannst Du mir bitte die Parameter verraten die ich ändern muss, um das ganze anzupassen ?

DANKE

Mfg Steven

http://www.steven-sailer.com

[dpi-nobby]

Schau Dir den Quellcode bei mir an:

die Farbe der Flocken und die Fontgrösse

<style>
.drop { position: absolute; width: 3; filter: flipV(), flipH(); font-size: 45; color: #33CCFF}
</style>

snow = true; // false-rain; true-snow
snowsym = " * " //These are the symbols for each
rainsym = " ' " //You can put images here.
howmany = 25 //How many drops/snowflakes?

Da stellst Du ein, wie es regnen oder schneien soll.

Kopiere Dir das ding aus dem Link, den ich oben genannt habe, dann mal damit herumspielen...

Norbert

[dpi-nobby]

Ach ja, wenn es bei Dir überall "schneien" soll, musst Du das Script in jeden Frame einbauen, ist klar - oder?

Norbert

[Steven]

Hallo Norbert

OK, alles klar. Ich habe es inzwischen selbst rausgefunden - DANKE )

Das mit den Frames ist auch klar, nur muss ich bei einem bleiben, da alle 3 nicht richtig gehen. Da bleiben die Flocken einfach stehen ?

Mfg Steven

http://www.steven-sailer.com

[dpi-nobby]

Frist halt ordentlich Performance, das Teil.

Bei mir ist es auch so: ich habe noch eine andere Spielerei eingebaut, und wenn die loslegt, schneit es auch langsamer.

Gruß

Norbert

[madace]

Jetzt buddel ich mal uralte Threads aus hier.

Hat einer so ein Skript das sowohl im IEX, als auch in Firefox funktioniert?
Am besten wäre natürlich eines das in alle gängigen (neuen) Browsern funktioniert.

Thanx schonmal.

[Thomas]

Hat einer so ein Skript das sowohl im IEX, als auch in Firefox funktioniert?
Am besten wäre natürlich eines das in alle gängigen (neuen) Browsern funktioniert.

yep

nettes script
aber auf den Doc-Type kommt es an, ob es im FF auch funktioniert, siehe hier

Opera ab 8 musst du noch testen, letztes Jahr im Opera 7x lief es

[madace]

merci - sieht schon mal sehr vielversprechend aus

[madace]

Neues Problem: Schnee Skript gelöscht (Browser Cache auch) und trotzdem zeigt der den Schnee noch an??

edit:
ok vergesst es, war zwar in der richtigen Datei, aber im falschen Sprach-Ordner.

[dpi-nobby]

Kleines Update. Ich habe das uralte Schneefallscript gegen ein aktuelleres getauscht.

http://www.byte-worker.de/pages/schneefallscript.php

HoHoHo!

Gruss
Norbert

[Thomas]

Hi Norbert ... dich gibt es also auch noch

[dpi-nobby]

Hi Norbert ... dich gibt es also auch noch

Ja doch irgendwie schon ;-) näheres per PN.