Répétition des touches

Question

Bonjour, je suis en train de créer un petit jeu ou l'on doit déplacer un personnage, en langage JavaScript grâce à l'élément Canvas d' HTML5. Seulement, je ne trouve pas le moyen de faire déplacer le personnage relativement rapidement de manière fluide en restant appuyé sur une des flèches. (Tant qu'on reste appuyé, il avance.) J'aimerais savoir si il existe une fonction de répétition des touches, comme dans SDL un truc comme Keyrepeat_ ... Merci de votre aide!



Configuration: Windows 7 / Chrome 31.0.1650.63

ElementW · Answer

Salut, faut trouver une parade à ce comportement, vu qu'il dépend des paramètres du clavier de l'utilisateur, et qu'il n'existe pas de fonction pour imiter ça.
Donc dans ton JS, il faut faire joujou avec le keydown et keyup ainsi qu'un Timeout, exemple:
var attenteRepet = 500, intervalleRepet = 100;
var timeoutRepet = [];
window.onkeydown = function(event) {
    gererAppuiTouche(event.keyCode);
    if (!timeoutRepet[event.keyCode]) {
        timeoutRepet[event.keyCode] = setTimeout(function(){gererRepetition(event.keyCode);}, attenteRepet);
    }
}
function gererRepetition(keyCode) {
    gererAppuiTouche(keyCode);
    timeoutRepet[keyCode] = setTimeout(function(){gererRepetition(keyCode);}, intervalleRepet);
}
window.onkeyup = function(event) {
    if (timeoutRepet[event.keyCode]) {
        clearTimeout(timeoutRepet[event.keyCode]);
    }
}

Pas testé, je sais pas si ça marchera du premier coup ;)
EDIT: corrigé le code, ça marche
Précision: ça gère plusieurs touches à la fois
Mais c'est loin d'être parfait
from human import idiocy
del idiocy

Anselmedu25 · Answer

Merci énormément! J'essaierai ton code au plus vite et je te dirai si il marche. 

(Bonne année! :p)

Anselmedu25 · Answer

Hum... Seulement, ou dois-je placer ce code? :/

Anselmedu25 · Answer

Ok merci! :) Je vais me debrouiller :)

Répétition des touches

4 réponses

Votre réponse

Discussions similaires