Aide pour correction d'un javascript matrix sous Firefox

Fermé
MatrixiaN Messages postés 8 Date d'inscription mercredi 24 septembre 2014 Statut Membre Dernière intervention 28 septembre 2014 - Modifié par MatrixiaN le 24/09/2014 à 19:05
MatrixiaN Messages postés 8 Date d'inscription mercredi 24 septembre 2014 Statut Membre Dernière intervention 28 septembre 2014 - 25 sept. 2014 à 18:16
Bonjour, je suis venu ici pour solliciter votre aide afin de corriger un script qui décorait mon site internet il y a une dizaine d'années et que j'adorais, il s'agissait d'une petite pluie de matrice (seulement composé de 1 et de 0) qui se calait à droite des pages et qui coulait tout doucement indéfinement.

Je me suis toujours débrouillé pour bidouiller le mysql, le php, le html, le design, mais je suis dans l'impasse totale pour ce qui est de corriger un javascript et le rendre compatible sous firefox. J'ai tenté Firebug mais ça ne m'a pas éclairé. J'ai essayé aussi de comprendre le langage et j'ai appris qu'il y a plein de choses qui merdouillaient, notamment avec les document.write contenu dans le code etc...

ce que je sais c'est qu'il peut certainement fonctionner mais qu'il est très très vieux et son codage doit être totalement infâme.

Je n'en ai jamais retrouvé l'équivalent sur le net

Donc voilà, ça donne ça avec mon aperçu d'éditeur html (ça marche sous ie mais pas firefox)




A voir également:

4 réponses

MatrixiaN Messages postés 8 Date d'inscription mercredi 24 septembre 2014 Statut Membre Dernière intervention 28 septembre 2014
24 sept. 2014 à 19:00
et voilà le code placé après la balise body qu'il faudrait corriger :/ je précise que je n'utilise pas de fichier .css ou un js extérieur


<SCRIPT language=JavaScript>
if (document.all){
Cols=4;
Cl=20;
Cs=15;
Ts=14;
Tc='#008800';
Tc1='#00ff00';
MnS=6;
MxS=6;
I=Cs;
Sp=new Array();S=new Array();Y=new Array();
C=new Array();M=new Array();B=new Array();
RC=new Array();E=new Array();Tcc=new Array(0,0);
document.write("<div id='Container' style='position:absolute;top:0;right:-"+Cs+"'>");
document.write("<div style='position:relative'>");
for(i=0; i < Cols; i++){
S[i]=I+=Cs;
document.write("<div id='A' style='position:absolute;top:0;font-family:comic sans ms;font-size:"
+Ts+"px;right:"+S[i]+";width:"+Ts+"px;height:0px;color:"+Tc+";visibility:hidden'></div>");
}
document.write("</div></div>");

for(j=0; j < Cols; j++){
RC[j]=1+Math.round(Math.random()*Cl);
Y[j]=0;
Sp[j]=Math.round(MnS+Math.random()*MxS);
for(i=0; i < RC[j]; i++){
B[i]='';
C[i]=Math.round(Math.random()*1)+' ';
M[j]=B[0]+=C[i];
}
}
function Cycle(){
Container.style.top=window.document.body.scrollTop;
for (i=0; i < Cols; i++){
var r = Math.floor(Math.random()*Tcc.length);
E[i] = '<font color='+Tc1+'>'+Tcc[r]+'</font>';
Y[i]+=Sp[i];

if (Y[i] > window.document.body.clientHeight){
for(i2=0; i2 < Cols; i2++){
RC[i2]=1+Math.round(Math.random()*Cl);
for(i3=0; i3 < RC[i2]; i3++){
B[i3]='';
C[i3]=Math.round(Math.random()*1)+' ';
C[Math.floor(Math.random()*i2)]=' '+' ';
M[i]=B[0]+=C[i3];
Y[i]=-Ts*M[i].length/1.5;
A[i].style.visibility='visible';
}
Sp[i]=Math.round(MnS+Math.random()*MxS);
}
}
A[i].style.top=Y[i];
A[i].innerHTML=M[i]+' '+E[i]+' ';
}
setTimeout('Cycle()',20)
}
Cycle();
}
<!--Fin du Script-->
</SCRIPT>
0
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
25 sept. 2014 à 16:54
salut
tu as ca
https://thecodeplayer.com/index.php/walkthrough/matrix-rain-animation-html5-canvas-javascript (html5 javascript)
http://www.dynamicdrive.com/dynamicindex10/matrixeffect.htm (javascript)
http://www.techumber.com/2012/11/ultimate-matrix-like-effect-using-pure.html (css3)
0
MatrixiaN Messages postés 8 Date d'inscription mercredi 24 septembre 2014 Statut Membre Dernière intervention 28 septembre 2014
Modifié par MatrixiaN le 25/09/2014 à 18:27
merci pour ta réponse et pour tes liens animostab,

je les connaissais déjà, j'aime particulièrement le 3ème qui est très impressionnant et fluide.

Mais il n'est pas facilement intégrable et adaptable au design. De plus, il ne faudrait pas qu'il soit sur fond noir car il ne se fonderait pas bien avec la couleur de fond du site. je le trouve trop sophistiqué aussi, il retiendrait beaucoup trop l'attention par rapport au contenu.

Pour mon script personnel, c'est aussi une question de valeur sentimentale car ce script a décoré mon site pendant plus de 5 ans avant de ne plus fonctionner avec firefox.

il marche encore aujourd'hui sous IE, voilà une page de démo sur mon propre site (à regarder avec IE ou peut-être chrome, vous ne le verrez absolument pas sur firefox : http://matrixemxs.cluster007.ovh.net/matrix.php )

C'est pour ça que je voulais reposter le code pour voir si quelqu'un était capable de l'optimiser.

J'en ai retrouvé un équivalent mais je ne trouve plus le lien
0
MatrixiaN Messages postés 8 Date d'inscription mercredi 24 septembre 2014 Statut Membre Dernière intervention 28 septembre 2014
Modifié par MatrixiaN le 25/09/2014 à 19:07
voilà le lien de l'autre effet qui lui ressemble (mais pas encore ce que je veux) et marche sur firefox

malheureusement il bugge également sur firefox, il est beaucoup mais alors beaucoup trop rapide, il y a des lignes qui descendent et qui remontent alors qu'elles devraient uniquement aller vers le bas ce qui gache complètement l'effet, il a des dimensions prédéfinies contraignantes dans une fenêtre alors que je voudrais le caler complètement à droite des pages pour ne pas gêner la navigation sur le site et il devrait pleuvoir jusqu'en bas en continue du début à la fin de la page, même quand on utilise la scrollbar


lien du code source :
https://codes-sources.commentcamarche.net/source/16207-effet-matrix

lien de démo :
http://matrixemxs.cluster007.ovh.net/matrix4.htm

Mais SVP regardez d'abord mon tout 1er lien sous IE, dans mon message précédent pour voir ce que donne le vrai effet que je recherche c'est juste magique !



2 SCREENSHOTS EN TRES GRAND DE MON VIEUX SCRIPT :) :) :)

http://matrixemxs.cluster007.ovh.net/gni.png
http://matrixemxs.cluster007.ovh.net/gni2.png
0