Homepage "Assistent" und Schneeflocken

[Chrischi]

Hio!
Ich und ein paar Freunde möchten eine Homepage entwerfen, in der es hauptsächlich um Wintersport geht. Um etwas Atmosphäre entstehen zu lassen wollten wir, dass über die ganze Site ständig Schneeflocken herunterfallen. Desweiteren wollten wir einen "Assistenten", in gestalt eines animierten Bildes einbauen. Dieses sollte von der Bildschirmseite langsam in die Mitte geschwebt kommen. Sobald es dort angekommen ist sollte eine Sprechblase aufgehen und sich dann langsam mit Wörtern füllen, als ob die einer gerade hineinschreibt. Ich denke mit der Restarbeit sollten wir klarkommen. Hat da einer Idee mit welcher Programmiersprache und mit welchen Befehlen das am besten zu realisieren wäre?

[imagine]

Flash. Dir sollte aber klar sein dass einige Leute solch eine Seite sofort wieder mit Grauen verlassen würden und ein paar weitere Leute Flash überhaupt nicht darstellen können.

[MadMan2k]

geht beides mit JavaScript und wird, wenn mans ordentlich macht, bei Leuten, die JS aus haben einfach nicht angezeigt.

Ihr solltet aber auf jeden Fall einen AUS Knopf dafür einbauen, da es, wie auch Hintergrundmusik, nach den ersten 20s anfängt zu nerven.

[Chrischi]

Ok, dann schau ich mir mal Java an....
Naja, aber wo? Kennt vielleicht wer gute Bücher oder ne Website die sich ausgiebig mit Java und Co. beschäftigt?

[Nase]

Erste Link bei Google leitet mich zu JSWelt.de (http://www.jswelt.de/index.php?opencat=JavaScripts&artid=977124932), von denen ich dieses Script hier habe:

<script language="JavaScript1.2">
<!--

var snowsrc="gfxu/snow.gif"
var no = 10;
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>

[Chrischi]

Danke, ich bin im I-net eben noch net so professionell. :)
Ich hab jetzt bei google nach animierten Figuren gesucht, ich finde aber kaum was braucbares über das Thema. Wisst ihr wie man sowas erzeugen kann?

[Black-Scorpion]

Und nicht JavaScript mit Java verwechseln. ;)
Das eine hat mit dem anderen nichts zu tun.