power-box.de
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 09.12.2002, 00:58   #1
TP-Senior
 
Benutzerbild von Steven
 
Registriert seit: Jun 2002
Steven macht alles soweit korrekt
Question

Schneeflocken über Bildschirm ?


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
Steven ist offline   Mit Zitat antworten


Alt 09.12.2002, 02:09   #2
TP-Special Mod
 
Benutzerbild von webmichl
 
Registriert seit: Jun 2001
Ort: 8°21' O 49°1' N
webmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine User
- 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...
webmichl ist gerade online   Mit Zitat antworten
Alt 09.12.2002, 08:33   #3
TP-Senior
 
Benutzerbild von dpi-nobby
 
Registriert seit: Aug 2001
Ort: Bern/Schweiz
dpi-nobby macht alles soweit korrekt
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
__________________
Die große Frage: Was geschah beim Urknall?
God typed: "unzip universe.zip"
dpi-nobby ist offline   Mit Zitat antworten
Alt 09.12.2002, 17:12   #4
TP-Senior
 
Benutzerbild von Steven
 
Registriert seit: Jun 2002
Steven macht alles soweit korrekt
Smile

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
Steven ist offline   Mit Zitat antworten
Alt 09.12.2002, 18:20   #5
TP-Senior
 
Benutzerbild von dpi-nobby
 
Registriert seit: Aug 2001
Ort: Bern/Schweiz
dpi-nobby macht alles soweit korrekt
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
__________________
Die große Frage: Was geschah beim Urknall?
God typed: "unzip universe.zip"

Geändert von dpi-nobby (09.12.2002 um 18:24 Uhr).
dpi-nobby ist offline   Mit Zitat antworten
Alt 09.12.2002, 18:23   #6
TP-Senior
 
Benutzerbild von dpi-nobby
 
Registriert seit: Aug 2001
Ort: Bern/Schweiz
dpi-nobby macht alles soweit korrekt
Ach ja, wenn es bei Dir überall "schneien" soll, musst Du das Script in jeden Frame einbauen, ist klar - oder?

Norbert
__________________
Die große Frage: Was geschah beim Urknall?
God typed: "unzip universe.zip"
dpi-nobby ist offline   Mit Zitat antworten
Alt 09.12.2002, 18:32   #7
TP-Senior
 
Benutzerbild von Steven
 
Registriert seit: Jun 2002
Steven macht alles soweit korrekt
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
Steven ist offline   Mit Zitat antworten
Alt 10.12.2002, 08:40   #8
TP-Senior
 
Benutzerbild von dpi-nobby
 
Registriert seit: Aug 2001
Ort: Bern/Schweiz
dpi-nobby macht alles soweit korrekt
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
__________________
Die große Frage: Was geschah beim Urknall?
God typed: "unzip universe.zip"
dpi-nobby ist offline   Mit Zitat antworten
Alt 25.11.2005, 14:30   #9
TP-Senior
 
Benutzerbild von madace
 
Registriert seit: Jan 2003
Ort: Frankfurt/M.
madace ist auf einem guten Weg
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.
__________________
"Das Gewissen ist die Stimme der Seele. (J.J. Rousseau)"
madace ist offline   Mit Zitat antworten
Alt 25.11.2005, 14:49   #10
TP-Special Mod
 
Benutzerbild von Thomas
 
Registriert seit: May 2001
Ort: Arnsberg - Sauerland
Thomas lebt für das TP und seine UserThomas lebt für das TP und seine UserThomas lebt für das TP und seine UserThomas lebt für das TP und seine UserThomas lebt für das TP und seine UserThomas lebt für das TP und seine UserThomas lebt für das TP und seine UserThomas lebt für das TP und seine UserThomas lebt für das TP und seine User
Arrow

Zitat:
Zitat von madace
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
Thomas ist offline   Mit Zitat antworten
Alt 25.11.2005, 15:00   #11
TP-Senior
 
Benutzerbild von madace
 
Registriert seit: Jan 2003
Ort: Frankfurt/M.
madace ist auf einem guten Weg
merci - sieht schon mal sehr vielversprechend aus
__________________
"Das Gewissen ist die Stimme der Seele. (J.J. Rousseau)"
madace ist offline   Mit Zitat antworten
Alt 03.02.2006, 17:10   #12
TP-Senior
 
Benutzerbild von madace
 
Registriert seit: Jan 2003
Ort: Frankfurt/M.
madace ist auf einem guten Weg
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.
__________________
"Das Gewissen ist die Stimme der Seele. (J.J. Rousseau)"

Geändert von madace (03.02.2006 um 17:21 Uhr).
madace ist offline   Mit Zitat antworten
Antwort

  Aktuelles Thema
  TP Hilfe Forum > Web-Editoren & Coding > HTML Puristen
Schneeflocken über Bildschirm ? Schneeflocken über Bildschirm ?
« Bei Textfeldeingabe - alte Einträge nicht anzeigen | Rahmen um Inhalt einer HTML-Seite und diese dann per Inline-Frame einbinden »

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:27 Uhr.

Powered by: vBulletin Version 3.7 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd. / Search Engine Friendly URLs by vBSEO 3.2.0 ©2008, Crawlability, Inc.
Traum-Projekt.com | Suchen | Archiv | Impressum | Kontakt | | | Nach oben |



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67