France on Fire
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.



 
AccueilDernières imagesRechercherS'enregistrerConnexion
Le Deal du moment : -34%
-34% LG OLED55B3 – TV OLED 4K 55″ 2023 ...
Voir le deal
919 €

 

 Discutons en JavaScript!

Aller en bas 
4 participants
Aller à la page : 1, 2  Suivant
AuteurMessage
Young
Admin
Admin
Young


Messages : 436
Date d'inscription : 02/04/2010
Age : 29
Localisation : Gujan-Mestras(Aquitaine)

Discutons en JavaScript! Empty
MessageSujet: Discutons en JavaScript!   Discutons en JavaScript! EmptyMar 13 Avr - 9:21

Bonjour tout le monde!

Pour ceux qui ne connaissent pas, le JavaScript est un langage utilisé en particulier dans les pages web pour créer des effets spéciaux.
Le problème de ce langage, c'est que c'est extrêmement strict et tordu...

Donc j'ai ouvert ce topic pour discuter avec Big qui a l'air de s'y connaitre de ce qu'on peut faire sur le site, et pour aider les autres à se dépatouiller de leur code Wink .

Donc Big, tu as proposé une feuille qui vole en automne, je suis OK, et j'ai déjà une idée de comment le faire...
Admettons, la position x et y de la feuille est (0;0).
Il faut alors dire à la feuille d'aller petit à petit en (-5;-20), puis quand elle y est, en (5; -40), etc jusqu'à ce qu'elle arrive en bas, ce qui créera un mouvement plus rapide en y que en x, donc la feuille tombera et aura aussi un mouvement de 'pendule' Smile .
Il reste à mettre tout ça en code Very Happy !
Revenir en haut Aller en bas
http://www.le-neuvieme-demon.com/
Sir Big-Bang
Admin
Admin
Sir Big-Bang


Messages : 907
Date d'inscription : 03/04/2010
Age : 30
Localisation : Paris

Discutons en JavaScript! Empty
MessageSujet: Re: Discutons en JavaScript!   Discutons en JavaScript! EmptyMar 13 Avr - 9:51

Ben j'ai déjà un code toute fait Smile

<!-- DEBUT DU SCRIPT --><SCRIPT language=JavaScript>
/*
Snow Effect Script


*/

var snowsrc="http://www.URL DE L'IMAGE.FR"
var no = 10;
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var nn6up = (document.getElementById) ? 1 : 0;
var dx, xp, yp;
var am, stx, sty;
var i, doc_width = 800, doc_height = 600;

if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
} else if (nn6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();

for (i = 0; i < no; ++ i) {
dx[i] = 0;
xp[i] = Math.random()*(doc_width-50);
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
if (ns4up) {
if (i == 0) {
document.write("<layer name=dot"+ i +" left=15 top=15 visibility=show><img src='"+snowsrc+"' border=0></layer>");
} else {
document.write("<layer name=dot"+ i +" left=15 top=15 visibility=show><img src='"+snowsrc+"' border=0></layer>");
}
} else if (ie4up || nn6up) {
if (i == 0) { document.write("<div id=dot"+ i +" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=0></div>");
} else {
document.write("<div id=dot"+ i +" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=0></div>");
}
}
}

function snowNS() {
for (i = 0; i < no; ++ i) {
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", 10);
}

function snowIE() {
for (i = 0; i < no; ++ i) {
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", 10);
}

function snowNN6() {
for (i = 0; i < no; ++ i) {
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.getElementById("dot"+i).style.top = yp[i];
document.getElementById("dot"+i).style.left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNN6()", 10);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
} else if (nn6up) {
snowNN6();
}

</SCRIPT>

<!-- FIN DU SCRIPT --><noscript><a href="http://www.france-on-fire.forumgaming.fr">ajax</a></noscript>
Revenir en haut Aller en bas
Young
Admin
Admin
Young


Messages : 436
Date d'inscription : 02/04/2010
Age : 29
Localisation : Gujan-Mestras(Aquitaine)

Discutons en JavaScript! Empty
MessageSujet: Re: Discutons en JavaScript!   Discutons en JavaScript! EmptyMar 13 Avr - 18:00

Je vais le tenter Razz .
Ah ouais mais c'est ton code foireux qui fait que deux images...
Revenir en haut Aller en bas
http://www.le-neuvieme-demon.com/
Sir Big-Bang
Admin
Admin
Sir Big-Bang


Messages : 907
Date d'inscription : 03/04/2010
Age : 30
Localisation : Paris

Discutons en JavaScript! Empty
MessageSujet: Re: Discutons en JavaScript!   Discutons en JavaScript! EmptyMer 14 Avr - 0:19

Fin mon code est foireux juste sous Firefox, c'est ça le binz :/
Revenir en haut Aller en bas
Young
Admin
Admin
Young


Messages : 436
Date d'inscription : 02/04/2010
Age : 29
Localisation : Gujan-Mestras(Aquitaine)

Discutons en JavaScript! Empty
MessageSujet: Re: Discutons en JavaScript!   Discutons en JavaScript! EmptyMer 14 Avr - 0:38

Bah faut avouer que c'est un code hyper bizarre, il utilise des tonnes de trucs incompréhensibles...
Voici mon code actuel qui foire:
Code:

      //Initialisation des variables
      var src       = "http://blog.schtunks.info/public/images/snow_orange.png"
      var nb         = 20;
      var html     = Array();
      var left     = Array();
      var fl        = Array();
      var mouvx     = Array();
      var mouvy     = Array();
      var oppose     = Array();
      var xactuel  = Array();

      //Génération des flocons
      for(var i=0; i<=nb; i++)
      {
         left[i]              = Math.round(Math.random() * 100);
         html[i]              =   '<div style="position:absolute;top:0;left:'+left[i]+'%;" id="flocon'+i+'">';
         html[i]             +=   '   <img src="'+src+'" alt="o" style="color:white;" />';
         html[i]             +=   '</div>';
         document.body.innerHTML += html;
      }

      //Mouvement des flocons
      for(var i=0;i<=nb;i++)
      {
         fl[i]      = document.getElementById('flocon'+i);
         xactuel[i] = fl[i].left;
         mouvx[i]  = Math.round(Math.random() * 10);
         mouvy[i]  = Math.round(Math.random() * 20);
         oppose[i]  = mouvx[i] - (2 * mouvx[i]);
         while(fl[i].bottom >= 0)
         {
            if(fl[i].left == xactuel[i])
            {
               while(fl[i].left <= (xactuel[i] + mouvx[i]))
               {
                  setTimeout('fl[i].left++', 10);
               }
            }
            else if(fl[i].left == (xactuel[i] + mouvx[i]))
            {
               while(fl[i].left >= (xactuel[i] - mouvx[i]))
               {
                  setTimeout('fl[i].left--', 10);
               }
            }
            else if(fl[i].left == (xactuel[i] - mouvx[i]))
            {
               while(fl[i].left <= (xactuel[i] + mouvx[i]))
               {
                  setTimeout('fl[i].left++', 10);
               }
            }
            else
            {
               if(fl[i].left > xactuel)
               {
                  while(fl[i].left >= xactuel[i])
                  {
                     setTimeout('fl[i].left--', 10);
                  }
               }
               else
               {
                  while(fl[i].left <= xactuel[i])
                  {
                     setTimeout('fl[i].left++', 10);
                  }
               }
            }
         }
      }
Revenir en haut Aller en bas
http://www.le-neuvieme-demon.com/
Sir Big-Bang
Admin
Admin
Sir Big-Bang


Messages : 907
Date d'inscription : 03/04/2010
Age : 30
Localisation : Paris

Discutons en JavaScript! Empty
MessageSujet: Re: Discutons en JavaScript!   Discutons en JavaScript! EmptyMer 14 Avr - 3:47

Putain il chie des bulles, on ne sait pas combien y'aura de flocon
Revenir en haut Aller en bas
Young
Admin
Admin
Young


Messages : 436
Date d'inscription : 02/04/2010
Age : 29
Localisation : Gujan-Mestras(Aquitaine)

Discutons en JavaScript! Empty
MessageSujet: Re: Discutons en JavaScript!   Discutons en JavaScript! EmptyMer 14 Avr - 4:21

Bah si, 20 en l'occurence x) .
Revenir en haut Aller en bas
http://www.le-neuvieme-demon.com/
Sir Big-Bang
Admin
Admin
Sir Big-Bang


Messages : 907
Date d'inscription : 03/04/2010
Age : 30
Localisation : Paris

Discutons en JavaScript! Empty
MessageSujet: Re: Discutons en JavaScript!   Discutons en JavaScript! EmptyMer 14 Avr - 4:38

Ah oui j'avais pas vu xD

Moi faut compter par le nombre de paragraphe
Revenir en haut Aller en bas
Young
Admin
Admin
Young


Messages : 436
Date d'inscription : 02/04/2010
Age : 29
Localisation : Gujan-Mestras(Aquitaine)

Discutons en JavaScript! Empty
MessageSujet: Re: Discutons en JavaScript!   Discutons en JavaScript! EmptyMer 14 Avr - 8:45

Revenir en haut Aller en bas
http://www.le-neuvieme-demon.com/
Sir Big-Bang
Admin
Admin
Sir Big-Bang


Messages : 907
Date d'inscription : 03/04/2010
Age : 30
Localisation : Paris

Discutons en JavaScript! Empty
MessageSujet: Re: Discutons en JavaScript!   Discutons en JavaScript! EmptyMer 14 Avr - 8:52

C'es à partir d'où que ça foire ? Moi mon script marche pas sur Mozilla... Très bizarre
Revenir en haut Aller en bas
Young
Admin
Admin
Young


Messages : 436
Date d'inscription : 02/04/2010
Age : 29
Localisation : Gujan-Mestras(Aquitaine)

Discutons en JavaScript! Empty
MessageSujet: Re: Discutons en JavaScript!   Discutons en JavaScript! EmptyMer 14 Avr - 9:07

Je l'ai mis sur le topic, c'est surligné dans le code, à document.body.innerHTML += html;
Revenir en haut Aller en bas
http://www.le-neuvieme-demon.com/
Sir Big-Bang
Admin
Admin
Sir Big-Bang


Messages : 907
Date d'inscription : 03/04/2010
Age : 30
Localisation : Paris

Discutons en JavaScript! Empty
MessageSujet: Re: Discutons en JavaScript!   Discutons en JavaScript! EmptyMer 14 Avr - 9:17

Ben j'vois pas d'où vient le problème...
Revenir en haut Aller en bas
Young
Admin
Admin
Young


Messages : 436
Date d'inscription : 02/04/2010
Age : 29
Localisation : Gujan-Mestras(Aquitaine)

Discutons en JavaScript! Empty
MessageSujet: Re: Discutons en JavaScript!   Discutons en JavaScript! EmptyJeu 15 Avr - 0:08

C'est justement ce que je demande >< ...
Revenir en haut Aller en bas
http://www.le-neuvieme-demon.com/
Sir Big-Bang
Admin
Admin
Sir Big-Bang


Messages : 907
Date d'inscription : 03/04/2010
Age : 30
Localisation : Paris

Discutons en JavaScript! Empty
MessageSujet: Re: Discutons en JavaScript!   Discutons en JavaScript! EmptyJeu 15 Avr - 5:43

XD, sur CE forum, niveau langage, y'a que nous 2 (et encore je tiens pas vraiment la route) qui comprennent un soupçon
Revenir en haut Aller en bas
S3mt3cks
Icone du Rock
Icone du Rock
S3mt3cks


Messages : 182
Date d'inscription : 03/04/2010
Age : 32

Discutons en JavaScript! Empty
MessageSujet: Re: Discutons en JavaScript!   Discutons en JavaScript! EmptyJeu 15 Avr - 6:31

Revenir en haut Aller en bas
Young
Admin
Admin
Young


Messages : 436
Date d'inscription : 02/04/2010
Age : 29
Localisation : Gujan-Mestras(Aquitaine)

Discutons en JavaScript! Empty
MessageSujet: Re: Discutons en JavaScript!   Discutons en JavaScript! EmptyJeu 15 Avr - 10:01

Je pensais vraiment pas qu'on allait tourner autant en rond Razz !
Revenir en haut Aller en bas
http://www.le-neuvieme-demon.com/
Young
Admin
Admin
Young


Messages : 436
Date d'inscription : 02/04/2010
Age : 29
Localisation : Gujan-Mestras(Aquitaine)

Discutons en JavaScript! Empty
MessageSujet: Re: Discutons en JavaScript!   Discutons en JavaScript! EmptyVen 16 Avr - 12:38

Voici le dernier code qui fonctionne super, sauf un défaut pénible:
http://www.siteduzero.com/forum-83-508937-p1-ebauche-de-code-resolution-des-premiers-bugs.html#r4876668
Revenir en haut Aller en bas
http://www.le-neuvieme-demon.com/
Sir Big-Bang
Admin
Admin
Sir Big-Bang


Messages : 907
Date d'inscription : 03/04/2010
Age : 30
Localisation : Paris

Discutons en JavaScript! Empty
MessageSujet: Re: Discutons en JavaScript!   Discutons en JavaScript! EmptyVen 16 Avr - 12:41

Se tasse vers la gauche ? Essai pour voir
Revenir en haut Aller en bas
Young
Admin
Admin
Young


Messages : 436
Date d'inscription : 02/04/2010
Age : 29
Localisation : Gujan-Mestras(Aquitaine)

Discutons en JavaScript! Empty
MessageSujet: Re: Discutons en JavaScript!   Discutons en JavaScript! EmptyVen 16 Avr - 12:59

Sur le forum?
Voila...
Revenir en haut Aller en bas
http://www.le-neuvieme-demon.com/
Sir Big-Bang
Admin
Admin
Sir Big-Bang


Messages : 907
Date d'inscription : 03/04/2010
Age : 30
Localisation : Paris

Discutons en JavaScript! Empty
MessageSujet: Re: Discutons en JavaScript!   Discutons en JavaScript! EmptyVen 16 Avr - 22:59

Ben...

Présent que sur le thème Green

Se tasse vers la gauche (le mien était beaucoup plus aléatoire)

Y'a écrit il neige...
Revenir en haut Aller en bas
Young
Admin
Admin
Young


Messages : 436
Date d'inscription : 02/04/2010
Age : 29
Localisation : Gujan-Mestras(Aquitaine)

Discutons en JavaScript! Empty
MessageSujet: Re: Discutons en JavaScript!   Discutons en JavaScript! EmptySam 17 Avr - 0:13

Le "Il neige", c'est moi car les flocons font ramer donc je vais pas les laisser toute la nuit Razz . Le bug de la gauche est résolu, sans parler de politique Razz .
Revenir en haut Aller en bas
http://www.le-neuvieme-demon.com/
Sir Big-Bang
Admin
Admin
Sir Big-Bang


Messages : 907
Date d'inscription : 03/04/2010
Age : 30
Localisation : Paris

Discutons en JavaScript! Empty
MessageSujet: Re: Discutons en JavaScript!   Discutons en JavaScript! EmptySam 17 Avr - 0:53

Ben c'est pas mal, mais je préfère le mien (essaye sous IE ou Opera)

Le mien on voit pas de flocon en surplus, et la répartition est pas mal
Revenir en haut Aller en bas
Young
Admin
Admin
Young


Messages : 436
Date d'inscription : 02/04/2010
Age : 29
Localisation : Gujan-Mestras(Aquitaine)

Discutons en JavaScript! Empty
MessageSujet: Re: Discutons en JavaScript!   Discutons en JavaScript! EmptySam 17 Avr - 0:58

Bah le mien, c'est du fait maison, hein Wink .
Et puis suffit de spécifier une autre image pour les flocons...
Revenir en haut Aller en bas
http://www.le-neuvieme-demon.com/
Topaze
Modérateur
Modérateur
Topaze


Messages : 555
Date d'inscription : 02/04/2010
Age : 26
Localisation : Vendée (85)

Discutons en JavaScript! Empty
MessageSujet: Re: Discutons en JavaScript!   Discutons en JavaScript! EmptySam 17 Avr - 1:21

Si on met le navigateur en pleine écran et si on click plein de fois sur "il neige" ça fait un beau bordel Lol
Revenir en haut Aller en bas
Young
Admin
Admin
Young


Messages : 436
Date d'inscription : 02/04/2010
Age : 29
Localisation : Gujan-Mestras(Aquitaine)

Discutons en JavaScript! Empty
MessageSujet: Re: Discutons en JavaScript!   Discutons en JavaScript! EmptySam 17 Avr - 1:49

Bah toi aussi, tu le cherches XD !
Revenir en haut Aller en bas
http://www.le-neuvieme-demon.com/
Contenu sponsorisé





Discutons en JavaScript! Empty
MessageSujet: Re: Discutons en JavaScript!   Discutons en JavaScript! Empty

Revenir en haut Aller en bas
 
Discutons en JavaScript!
Revenir en haut 
Page 1 sur 2Aller à la page : 1, 2  Suivant

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
France on Fire :: Autres :: Espace Café-
Sauter vers: