Matrix effect

Soyez le premier à donner votre avis sur cette source.

Vue 22 882 fois - Téléchargée 637 fois

Description

ben ca fé un effet joli mais c lent
(ca marche mieux avec IE pask les lettres sont renversées avec ie alors...)

Source / Exemple :


<html>
<head>
<title>Matrix-like</title>
<script language="JavaScript">
/*
filter:fliph;

  • /
</script> <style> body{ font-size:20pt; font-weight:none; background-color:#000000; color:#000000; } </style> </head> <body scroll=no> <script language="JavaScript"> // definition de quelques valeurs var cw=document.body.clientWidth var ch=document.body.clientHeight var nb_cols=Math.floor(cw/16) // nb_cols-- var nb_rows=Math.floor(ch/30) nb_rows-- var dk_colors=new Array("#173317","#215221") var normal_color="#40A241" var light_color="#A9F0AC" var rnd_gly=new Array("a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z",",","/","+","-","*","_","{","%","!",".",";","$","1","2","3","4","5","6","7","8","9","0") // boucle collones et char+couleurs for(n_col=0;n_col<=nb_cols-1;n_col++){ document.write("<div id=d"+n_col+" style='position:absolute;top:0px;'><tt></div>") document.getElementById("d"+n_col).style.width=16 document.getElementById("d"+n_col).style.left=(n_col*16) var nb_chars=Math.floor(Math.random()*(nb_rows)) document.getElementById("d"+n_col).style.height=(nb_chars+1)*30 var h_div=parseInt(document.getElementById("d"+n_col).style.height) // pour vérifier ajouter à la ligne en dessous // document.getElementById("d"+n_col).style.top=-h_div document.getElementById("d"+n_col).style.filter="fliph" // mettre des caracteres avec des couleurs for(n_char=0;n_char<=nb_chars;n_char++){ if(n_char<=1){ document.getElementById("d"+n_col).innerHTML+="<tt><font color='"+dk_colors[n_char]+"'>"+rnd_gly[Math.floor(Math.random()*rnd_gly.length)]+"</font></tt><br>" }else if((n_char>1)&&(n_char<nb_chars)){ document.getElementById("d"+n_col).innerHTML+="<tt><font color='"+normal_color+"'>"+rnd_gly[Math.floor(Math.random()*rnd_gly.length)]+"</font></tt><br>" }else{ document.getElementById("d"+n_col).innerHTML+="<tt><font color='"+light_color+"'>"+rnd_gly[Math.floor(Math.random()*rnd_gly.length)]+"</font></tt>" } } // fin de déf des char_colorés ^ } // fin boucle collones ^ var deja_fait_st=new Array() var deja_fait_st_index=0 function del_et_restart(numero){ // del HTML document.getElementById("d"+numero).innerHTML="<tt>" // resiZe var nb_chars=Math.floor(Math.random()*(nb_rows)) document.getElementById("d"+n_col).style.height=(nb_chars+1)*30 var h_div=parseInt(document.getElementById("d"+n_col).style.height) document.getElementById("d"+n_col).style.top=-h_div // re-cholor et text for(n_char=0;n_char<=nb_chars;n_char++){ if(n_char<=1){ document.getElementById("d"+numero).innerHTML+="<tt><font color='"+dk_colors[n_char]+"'>"+rnd_gly[Math.floor(Math.random()*rnd_gly.length)]+"</font></tt><br>" }else if((n_char>1)&&(n_char<nb_chars)){ document.getElementById("d"+numero).innerHTML+="<tt><font color='"+normal_color+"'>"+rnd_gly[Math.floor(Math.random()*rnd_gly.length)]+"</font></tt><br>" }else{ document.getElementById("d"+numero).innerHTML+="<tt><font color='"+light_color+"'>"+rnd_gly[Math.floor(Math.random()*rnd_gly.length)]+"</font></tt>" } } } bas() function bas(){ for(n_col=0;n_col<=nb_cols-1;n_col++){ if(parseInt(document.getElementById("d"+n_col).style.top)<=ch){ document.getElementById("d"+n_col).style.top=parseInt(document.getElementById("d"+n_col).style.top)+30 }else{ del_et_restart(n_col) } } window.setTimeout("bas()",50) } /* bas_st() function bas_st(){ var current_down=Math.random()*nb_cols // recherche for(i=0;i<=deja_fait_st.length;i++){ if (deja_fait_st.slice(i,i+1).substring(current_down)==-1){ deja_fait_st[deja_fait_st_index]=current_down deja_fait_st_index++ } else break } if(deja_fait_st==nb_cols){ void(0) }else{ document.getElementById("d"+n_col).style.top+=30 bas_st() } } window.alert(nb_cols) window.alert(nb_rows) window.alert(nb_cols*nb_rows) document.write("<nobr>") for(n_col=0;n_col<=nb_cols-1;n_col++){ document.write("<div id=d"+n_col+" style='position:absolute;top:0px;'><tt>"+rnd_gly[Math.floor(Math.random()*rnd_gly.length)]+"</div>") document.getElementById("d"+n_col).style.width=16 document.getElementById("d"+n_col).style.left=(n_col*16) document.getElementById("d"+n_col).style.top=0 document.getElementById("d"+n_col).style.height=ch-10 // document.getElementById("d"+n_col).style.filter="fliph" // boucle contenu for(i=0;i<nb_rows;i++){ document.getElementById("d"+n_col).innerHTML+=rnd_gly[Math.floor(Math.random()*rnd_gly.length)]+"<br>" } document.getElementById("d"+n_col).innerHTML+=rnd_gly[Math.floor(Math.random()*rnd_gly.length)] } document.write("</nobr>") window.setTimeout("down()", 5) function down(){ for(n_col=0;n_col<=nb_cols-1;n_col++){ document.getElementById("d"+n_col).innerHTML=rnd_gly[Math.floor(Math.random()*rnd_gly.length)]+"<br>"+document.getElementById("d"+n_col).innerHTML // document.getElementById("d"+n_col).innerHTML=document.getElementById("d"+n_col).innerHTML.substring(0, document.getElementById("d"+n_col).innerHTML.lastIndexOf("<br>")) } window.setTimeout("down()", 500) }
  • /
</script> </body> </html>

Conclusion :


ca fait longtemps ke je lé fé alors ya surement des trucs inutiles a supprimer
de plus jai pas envie now de regarder si jai laissé des commentaires inutilz

Codes Sources

A voir également

Ajouter un commentaire Commentaires
Messages postés
103
Date d'inscription
mardi 12 juillet 2011
Statut
Membre
Dernière intervention
3 janvier 2013

J'adore Mais c'est possible d'enlever le léger ralentissement qui arrive par moment? (Un stop de quelque millième de S).
Messages postés
450
Date d'inscription
samedi 16 avril 2005
Statut
Membre
Dernière intervention
18 avril 2007
2
BRAVO, mais comment tu fais pour retourner les caractères ?
(?:¿)
Messages postés
33
Date d'inscription
mercredi 9 octobre 2002
Statut
Membre
Dernière intervention
4 novembre 2004

Bon, c'est complêtement raté l'effet avec Opera, avec IE, si le cpu n'est pas beaucoup loadé, le script est rapide, mais si on a, un éditeur php/html un serveur apache + mysqldadmin qui tourne et enfin Winamp de chargé :p avec des dizaines de fichiers textes et 5 dossiers ouverts, trois pages IE et Opera loadé sur 9 sites dont 6 pages chacuns....
Là ça rame LOL :/
Messages postés
73
Date d'inscription
lundi 13 octobre 2003
Statut
Membre
Dernière intervention
16 août 2004

pour mon ordi c pas lent, ce script yé vite, mais c pas pour cela que j'écris!! ;-) Aussitot que l'on écrit quelque chose sur la page, tout fonctionne bien, sauf une petit maudite affaire. Où est-elle passer la scroolbar. Quelqu'un peut m'aider ???
Messages postés
488
Date d'inscription
samedi 5 avril 2003
Statut
Membre
Dernière intervention
31 mars 2009
4
Sympa mais c'est vrai que c'est lent !

@+ et Bonne Continuation
Afficher les 6 commentaires

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.