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
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
A voir également:
- Aide pour correction d'un javascript matrix sous Firefox
- Video downloadhelper firefox - Télécharger - Outils pour navigateurs
- Telecharger javascript - Télécharger - Langages
- Firefox telecharger - Télécharger - Navigateurs
- Correction orthographe - Guide
- Telecharger clavier français avec correction - Télécharger - Divers Utilitaires
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
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>
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
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)
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)
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
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
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
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
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
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