Il s'agit de faire passer un kangourou à l'écran un nombre aléatoire de fois, le but étant pour le joueur de trouver le nombre de passages du kangourou. Pour cela plusieurs fonctions ont été utiliséees.
Pour choisir un nombre aléatoire entre 1 et 12, la formule que nous avons utilisée est la suivante :
Math.floor(Math.random() * 11+1)
Le "11" permet de prendre des nombres de 0 à 11 et donc. avec le "+1", des nombres de 1 à12.
Cette formule déplace le kangourou, toutes les 50 millisecondes, de sa place initiale écrite dans le CSS (left,top), d'une distance définie (xi,yi), yi valant zéro comme il s'agit d'un mouvement horizontal. Donc plus l'intervalle en millisecondes est petite, plus le mouvement sera rapide et plus la variable xi est petite, plus le mouvement sera fluide.
compteur=setInterval(function(){MoveByItself()}, 50) $('#kangourou').css('left',xi) $('#kangourou').css('top',yi)
La formule pour stopper le kangourou est très simple :
clearInterval(compteur)
Une boucle permet de remettre le kangourou à sa place initiale et cela recommence avec le mouvement du kangourou
Le joueur doit cliquer sur le bouton correspondant au nombre de passages du kangourou. C'est pourquoi chaque bouton a une valeur définie. Le rôle de cette formule est de tester si la valeur du bouton choisi est égale à la variable correspondant au nombre exact de passages du kangourou, en l'occurrence fin. Le cas échéant, une alerte félicitant le joueur fera son apparition. Voici un exemple du test pour le bouton n°1 :
$("#un").click(function(){ if(fin==$("#un").val()) { alert("Bravo!"); } else { alert("Oups, essaie encore une fois!") ; }
Nous avons eu quelques problèmes dont les principaux sont le mouvement du kangourou ainsi que le redimensionnement des images en fonction de la taille de l'écran. A l'heure où nous écrivons ces lignes, le problème n'est pas encore totalement résolu.
Merci de votre lecture