Wurm

Na, wer läuft denn da dem Mauszeiger hinterher???

Durch klicken mit der linken Maustaste in die Seite verändert
sich die Farbe des Wurms.

HTML-Einbindung
  <script> /* WURM-Skript Anfang *****/ /* WWW.WerIstFelix.de * Felix@Antifas.de / var anzahl = 20; // Die Wirkung am besten einfach durch testen ausprobieren :-) var groesse = 30; // Ist so aber schon ziemlich optimiert auf Darstellung var abstand1 = 7; // Läuft auf meinem K6/2 500'er recht flüssig var Farbe = 0; // siehe Farbarray; farbbibliothek = new Array(); farbbibliothek[0] = new Array("#FF0000","#FF0000","#FF0000","#FF1100","#FF2200","#FF3300","#FF4400","#FF5500","#FF6600","#FF7700","#FF8800","#FF9900","#FFaa00","#FFbb00","#FFcc00","#FFdd00","#FFee00","#FFff00","#FFff00","#FFff00","#FFee00","#FFdd00","#FFcc00","#FFbb00","#FFaa00","#FF9900","#FF8800","#FF7700","#FF6600","#FF5500","#FF4400","#FF3300","#FF2200","#FF1100"); farbbibliothek[1] = new Array("#00FF00","#000000","#00FF00","#00FF00"); farbbibliothek[2] = new Array("#00FF00","#FF0000","#FF0000","#FF0000","#FF0000","#FF0000","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00","#00FF00"); farbbibliothek[3] = new Array("#FF0000","#FF4000","#FF8000","#FFC000","#FFFF00","#C0FF00","#80FF00","#40FF00","#00FF00","#00FF40","#00FF80","#00FFC0","#00FFFF","#00C0FF","#0080FF","#0040FF","#0000FF","#4000FF","#8000FF","#C000FF","#FF00FF","#FF00C0","#FF0080","#FF0040"); farbbibliothek[4] = new Array("#FF0000","#FF0000","#FF0000","#EE0000","#DD0000","#CC0000","#BB0000","#AA0000","#990000","#880000","#770000","#660000","#550000","#440000","#330000","#220000","#110000","#000000","#000000","#000000","#110000","#220000","#330000","#440000","#550000","#660000","#770000","#880000","#990000","#AA0000","#BB0000","#CC0000","#DD0000","#EE0000"); farbbibliothek[5] = new Array("#000000","#000000","#000000","#FFFFFF","#FFFFFF","#FFFFFF"); farbbibliothek[6] = new Array("#0000FF","#FFFF00"); / 0 - Rot-Gelb-Übergang -Standard 1 - Grün-Schwarz-Raupe 2 - grüne Raupe mit rotem Magen 3 - Regenbogendurchgang 4 - Rot-Schwarz-Durchgang 5 - Zebra 6 - Gelb-Blau-Stroboskop / function erzeuge() //erzeugt die ausrichtbaren Grafiken { var a=1; var text=""; document.body.innerHTML += "<span id='AAA' class='wurm'></span>"; while(a<=anzahl) { text +="<span id='wurm"+a+"' style='{position:absolute; top:"+(-groesse)+"px; left:"+(-groesse)+"px; background-color:#FFFFFF; margin:0; height: "+groesse+"px; width: "+groesse+"px; z-index:2; filter:Alpha(style=2, opacity=30, finishopacity=0);}' class='wurm"+a+"'></span>"; a++; } document.all["AAA"].innerHTML = text; laufen(); } document.onload = setTimeout("erzeuge()",500); var x=-groesse,y=-groesse; //linke obere Ecke außerhalb des Bildschirmes function erfasse() //erfasst die Mauskordinaten { x = window.event.x + document.body.scrollLeft - groesse/2; y = window.event.y + document.body.scrollTop - groesse/2; } document.onmousemove = erfasse; var X=0,Y=0; function neue_koordinaten(x1,y1) //richtet die letzte Grafik ganz nach vorne { X = abstand1 Math.sin(Math.atan2(y-y1,x-x1)); Y = abstand1 * Math.sin(Math.atan2(x-x1,y-y1)); } var b=anzahl-1; var c=anzahl; var d=anzahl-Math.ceil(anzahl/3223); function laufen() // diese Funktion sorgt dafür, dass es kontinuierlich funktioniert { neue_koordinaten(document.all["wurm"+d].style.pixelLeft,document.all["wurm"+d].style.pixelTop); document.all["wurm"+b].style.pixelTop = document.all["wurm"+c].style.pixelTop + X; neue_koordinaten(document.all["wurm"+d].style.pixelLeft,document.all["wurm"+d].style.pixelTop); document.all["wurm"+b].style.pixelLeft =document.all["wurm"+c].style.pixelLeft + Y; document.all["wurm"+b].style.backgroundColor = farbbibliothek[Farbe][zaehler()]; b--; if(b<=0) b=anzahl; c--; if(c<=0) c=anzahl; d--; if(d<=0) d=anzahl; setTimeout("laufen()",50); } z=-1; function zaehler() { z++; if(z>=farbbibliothek[Farbe].length) { z=0; } return(z) } / Zu Demozwecken (entfernbar für gleichbleibende Farbe) / function farbwechsel() { Farbe = Math.floor(Math.random()farbbibliothek.length);; } document.onclick = farbwechsel; / Demo-Ende / / WURM-Skript Ende *************/ </script>

Dieses Script per eMail? , einfach Deine eMail-Adresse eintragen und Sekunden später liegt es in Deinem Postfach.

Newsletter schon abonniert?
Wenn nicht, bitte "Haken" setzen