• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

MATRIX CODE in JavaScript ??

.holger

.holger

Lounge-Member
Nur ma so ne Frage zwischendurch: Hat zufällig mal jemand versucht den MATRIXCODE (aus dem Film MAtrix, das was immer so schön die Bildschirme runterläuft) in JavaScript nach zu bauen?? Als Flash movie uns Screensaver kenn ich das schon, aber das sollte doch in JavaScript auch gehen,... muss ja nicht so prall aussehen, nur vom Prinzip her??
WEnn nicht ist auch nicht gut :) Bis denn
 
Ich habs zwar nicht, aber kann nicht so schwer sein. Musst nur nen Div-Tag machen und den Text automatisch scrollen lassen. Aber is mir zuviel arbeit *g*.
 
naja

Moin moin,

Versucht habe ich es auch noch nicht, aber ich denke mal, das es nicht klappen wird, da sich sehr viel bewegt. Technisch ist es kein Problem, aber die Rechnerleistung wird nicht ausreichen um das nett flüssig hinzubekommen. Denke ich mal.

Marko
 
na ja,.. ich werds mal versuchen. Wenns nicht klappt oder zu langsam ist ists ja auch egal! Trotzdem danke Euch 2!
 
was haltet ihr denn davon ?

was haltet ihr denn davon ?

is zwar wieder nur für ie läßt sich aber umändern,
für die tabelle hab ich n kleines script benutzt, sowas schreib ich nich per hand ;)

hatte ne tabelle über den ganzen bildschirm aber da macht der rechner nicht mir :(
PHP: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>
<HEAD>
<script>

function change()
{
for(i=0 ; i < 50; i++)
{
derzufall1 = Math.round(Math.random()*100);

if(derzufall1 >= 10 && derzufall1 <= 99)
{
document.all.byte[i].style.backgroundColor = "black";
}

if(derzufall1 < 10)
{
derzufall1 = "00";
}
if(derzufall1 > 99)
{
document.all.byte[i].style.backgroundColor = "lightgreen";
derzufall1 = "00";
}

derzufall2 = Math.round(Math.random()*100)
if(derzufall2 < 10)
{
derzufall2 = "00";
}
if(derzufall2 > 99)
{
document.all.byte[i].style.backgroundColor = "white";
derzufall2 = "00";
}

document.all.byte[i].innerHTML = eval(Math.round(Math.random()*1));
document.all.byte[i].style.color =  '#' + derzufall1 + 'FF' + derzufall2;
}
if(document.all.an.disabled == true)
{
setTimeout('change()',1)
return true;
}

if(document.all.aus.disabled == true)
{
for(i=0 ; i < 50; i++)
{
document.all.byte[i].style.color =  'green';
document.all.byte[i].style.backgroundColor = "black";
}
}
}
</script>
</HEAD>
<BODY bgcolor="black">

<table bgcolor="black" id="table">
<tr><td><div id="byte" style="color:green;cursor:default;font-size:20;">0</div></td><td><div id="byte" style="color:green;cursor:default;font-size:20;">0</div></td><td><div id="byte" style="color:green;cursor:default;font-size:20;">0</div></td><td><div id="byte" style="color:green;cursor:default;font-size:20;">1</div></td><td><div id="byte" style="color:green;cursor:default;font-size:20;">0</div></td></tr>
<tr><td><div id="byte" style="color:green;cursor:default;font-size:20;">0</div></td><td><div id="byte" style="color:green;cursor:default;font-size:20;">0</div></td><td><div id="byte" style="color:green;cursor:default;font-size:20;">0</div></td><td><div id="byte" style="color:green;cursor:default;font-size:20;">0</div></td><td><div id="byte" style="color:green;cursor:default;font-size:20;">0</div></td></tr>
<tr><td><div id="byte" style="color:green;cursor:default;font-size:20;">1</div></td><td><div id="byte" style="color:green;cursor:default;font-size:20;">0</div></td><td><div id="byte" style="color:green;cursor:default;font-size:20;">1</div></td><td><div id="byte" style="color:green;cursor:default;font-size:20;">0</div></td><td><div id="byte" style="color:green;cursor:default;font-size:20;">0</div></td></tr>
<tr><td><div id="byte" style="color:green;cursor:default;font-size:20;">0</div></td><td><div id="byte" style="color:green;cursor:default;font-size:20;">0</div></td><td><div id="byte" style="color:green;cursor:default;font-size:20;">0</div></td><td><div id="byte" style="color:green;cursor:default;font-size:20;">1</div></td><td><div id="byte" style="color:green;cursor:default;font-size:20;">1</div></td></tr>
<tr><td><div id="byte" style="color:green;cursor:default;font-size:20;">1</div></td><td><div id="byte" style="color:green;cursor:default;font-size:20;">1</div></td><td><div id="byte" style="color:green;cursor:default;font-size:20;">1</div></td><td><div id="byte" style="color:green;cursor:default;font-size:20;">1</div></td><td><div id="byte" style="color:green;cursor:default;font-size:20;">1</div></td></tr>
<tr><td><div id="byte" style="color:green;cursor:default;font-size:20;">0</div></td><td><div id="byte" style="color:green;cursor:default;font-size:20;">1</div></td><td><div id="byte" style="color:green;cursor:default;font-size:20;">0</div></td><td><div id="byte" style="color:green;cursor:default;font-size:20;">1</div></td><td><div id="byte" style="color:green;cursor:default;font-size:20;">1</div></td></tr>
<tr><td><div id="byte" style="color:green;cursor:default;font-size:20;">0</div></td><td><div id="byte" style="color:green;cursor:default;font-size:20;">1</div></td><td><div id="byte" style="color:green;cursor:default;font-size:20;">0</div></td><td><div id="byte" style="color:green;cursor:default;font-size:20;">0</div></td><td><div id="byte" style="color:green;cursor:default;font-size:20;">1</div></td></tr>
<tr><td><div id="byte" style="color:green;cursor:default;font-size:20;">1</div></td><td><div id="byte" style="color:green;cursor:default;font-size:20;">1</div></td><td><div id="byte" style="color:green;cursor:default;font-size:20;">1</div></td><td><div id="byte" style="color:green;cursor:default;font-size:20;">0</div></td><td><div id="byte" style="color:green;cursor:default;font-size:20;">1</div></td></tr>
<tr><td><div id="byte" style="color:green;cursor:default;font-size:20;">1</div></td><td><div id="byte" style="color:green;cursor:default;font-size:20;">1</div></td><td><div id="byte" style="color:green;cursor:default;font-size:20;">1</div></td><td><div id="byte" style="color:green;cursor:default;font-size:20;">1</div></td><td><div id="byte" style="color:green;cursor:default;font-size:20;">1</div></td></tr>
<tr><td><div id="byte" style="color:green;cursor:default;font-size:20;">0</div></td><td><div id="byte" style="color:green;cursor:default;font-size:20;">0</div></td><td><div id="byte" style="color:green;cursor:default;font-size:20;">0</div></td><td><div id="byte" style="color:green;cursor:default;font-size:20;">0</div></td><td><div id="byte" style="color:green;cursor:default;font-size:20;">0</div></td></tr>
</table>
<input id="an" type="button" name="button" value="AN" onClick="document.all.an.disabled=true;document.all.aus.disabled=false;change()">
<input id="aus" type="button" name="button" value="AUS" onClick="document.all.an.disabled=false;document.all.aus.disabled=true;change()" disabled>

<script>
//change();
</script>
</BODY>
</HTML>
 
jetzt seh ich erst wie alt der thread ist, verdammt... aber naja, ein script mehr in meiner sammlung #:~/
 
da ich lange weile hab gibts jetzt matrix für den ganzen hintergrund...
 

Anhänge

  • big matrix.txt
    15,6 KB · Aufrufe: 59
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben