Discussion :

[Bioubiou]

Bonjour,

je dois coder un jeu en html, css et js avec Jquery et Tweenmax.
Le but et de trouver la bonne touche du clavier qui permet au personnage d'atteindre la sortie,
seulement il y a un temps limité...
je voudrais créer un compte à rebours et qu'à la fin de celui ci, si le joueur n'a pas trouver la bonne touche, il y est un message qui s'affiche.

Avez vous une solution?
Merci

[Jacques Beauregard]

Bonjour,

Voici un exemple en JS d'un compteur de 90 sec :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
                <script>
 
                function t()
                {
            var compteur=document.getElementById('compteur');
            s=duree;
            m=0;h=0;
            if(s<0)
                        {
                                compteur.innerHTML="terminé<br />"
            }
                        else
                        {
                                if(s>59)
                                {
                                        m=Math.floor(s/60);
                                        s=s-m*60
                }
                                if(m>59)
                                {
                                        h=Math.floor(m/60);
                    m=m-h*60
                                }
                if(s<10)
                                {
                                        s="0"+s
                }
                if(m<10)
                                {
                    m="0"+m
                }
                  compteur.innerHTML=h+":"+m+":"+s+"<br />"
            }
            duree=duree-1;
            window.setTimeout("t();",999);
 
        }
 
                </script>
                <div id="compteur"></div>
                <script>
                        duree="10";
                        t();
                </script>

Au bout de 90 sec : un message "terminé" apparaît.

[Bioubiou]

Coool je l'ai mis dans la page html en le modifiant un peu et il marche ahah j'avoue j'ai pas réussi à le faire fonctionner dans le js... Merci beaucoup!

Et maintenant, but ultime : Lorsque le joueur trouve la bonne touche avant la fin du compte à rebours, comment interrompre celui ci et inviter le joueur au niveau suivant? Dans mon js j'ai cela :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
 switch ( lettre )
     {
       case 'j': TweenMax.to( $balle1, 1, { left:'1200px', top:'590px', rotation:'3rad' }); break;                              
       case 'a' : TweenMax.to( $balle1, 1, { opacity : '0'}); break;        
       case 'p': TweenMax.to( $balle1, 1, { left:'-100px', top:'500px' }); break;
 
     }

La bonne touche est le J (les autres sont des pièges...). Du coup il faut que j'indique que lorsque le J est enclenché, le compte à rebours s'arrête et un lien vers le niveau suivant apparaît. Ou alors, j'indique que lorsque ma "balle1" touche la sortie (appelée dans mon code "trou1" oui c'est une balle qui rentre dans un trou ^^) le compte à rebours s'arrête etc.

Il y a t-il un moyen de faire ça ?